@fluentui/react-charts 9.2.3 → 9.3.0

package/lib/components/ScatterChart/ScatterChart.js

@@ -1,14 +1,17 @@
+'use client';
 import * as React from 'react';
 import { useScatterChartStyles } from './useScatterChartStyles.styles';
 import { select as d3Select } from 'd3-selection';
 import { Legends } from '../Legends/index';
-import { max as d3Max, min as d3Min } from 'd3-array';
+import { max as d3Max } from 'd3-array';
 import { useId } from '@fluentui/react-utilities';
-import { areArraysEqual, createNumericYAxis, createStringYAxis, domainRangeOfDateForScatterChart, domainRangeOfNumericForScatterChart, domainRangeOfXStringAxis, find, findNumericMinMaxOfY, useRtl } from '../../utilities/index';
+import { areArraysEqual, createNumericYAxis, createStringYAxis, getDomainPaddingForMarkers, domainRangeOfXStringAxis, find, findNumericMinMaxOfY, YAxisType, useRtl, isTextMode, isScatterPolarSeries, isPlottable, getRangeForScatterMarkerSize, domainRangeOfDateForAreaLineScatterVerticalBarCharts, domainRangeOfNumericForAreaLineScatterCharts, sortAxisCategories } from '../../utilities/index';
 import { CartesianChart } from '../../index';
 import { tokens } from '@fluentui/react-theme';
-import { calloutData, ChartTypes, XAxisTypes, tooltipOfAxislabels, getTypeOfAxis, getNextColor, getColorFromToken, formatDate } from '../../utilities/index';
+import { calloutData, ChartTypes, XAxisTypes, tooltipOfAxislabels, getTypeOfAxis, getNextColor, getColorFromToken } from '../../utilities/index';
 import { toImage } from '../../utilities/image-export-utils';
+import { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';
+import { formatDateToLocaleString } from '@fluentui/chart-utilities';
 // Create a ScatterChart variant which uses these default styles and this styled subcomponent.
 /**
  * ScatterChart component
@@ -54,6 +57,8 @@ import { toImage } from '../../utilities/image-export-utils';
     const [isPopoverOpen, setPopoverOpen] = React.useState(false);
     const [selectedLegends, setSelectedLegends] = React.useState(((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends) || []);
     const prevSelectedLegendsRef = React.useRef(undefined);
+    const _isTextMode = React.useRef(false);
+    const _isScatterPolarRef = React.useRef(false);
     React.useEffect(()=>{
         var _props_legendProps, _props_legendProps1;
         if (prevSelectedLegendsRef.current && !areArraysEqual(prevSelectedLegendsRef.current, (_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.selectedLegends)) {
@@ -76,6 +81,8 @@ import { toImage } from '../../utilities/image-export-utils';
         };
     }, []);
     const _xAxisType = props.data.scatterChartData && props.data.scatterChartData.length > 0 && props.data.scatterChartData[0].data && props.data.scatterChartData[0].data.length > 0 ? getTypeOfAxis(props.data.scatterChartData[0].data[0].x, true) : XAxisTypes.StringAxis;
+    // Detect y axis type (numeric or string)
+    const _yAxisType = props.data.scatterChartData && props.data.scatterChartData.length > 0 && props.data.scatterChartData[0].data && props.data.scatterChartData[0].data.length > 0 ? typeof props.data.scatterChartData[0].data[0].y === 'string' ? YAxisType.StringAxis : YAxisType.NumericAxis : YAxisType.NumericAxis;
     const pointsRef = React.useRef([]);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const calloutPointsRef = React.useRef([]);
@@ -124,19 +131,18 @@ import { toImage } from '../../utilities/image-export-utils';
     function _getNumericMinMaxOfY(points, yAxisType) {
         // eslint-disable-next-line @typescript-eslint/no-shadow
         const { startValue, endValue } = findNumericMinMaxOfY(points, yAxisType);
-        let yPadding = 0;
-        yPadding = (endValue - startValue) * 0.1;
+        const yPadding = getDomainPaddingForMarkers(startValue, endValue, props.yScaleType);
         return {
-            startValue: startValue - yPadding,
-            endValue: endValue + yPadding
+            startValue: startValue - yPadding.start,
+            endValue: endValue + yPadding.end
         };
     }
     function _getDomainNRangeValues(points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues, shiftX) {
         let domainNRangeValue;
         if (xAxisType === XAxisTypes.NumericAxis) {
-            domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);
+            domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(points, margins, width, isRTL, props.xScaleType, true);
         } else if (xAxisType === XAxisTypes.DateAxis) {
-            domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues);
+            domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(points, margins, width, isRTL, tickValues, chartType);
         } else {
             domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);
         }
@@ -148,6 +154,8 @@ import { toImage } from '../../utilities/image-export-utils';
     function _initializeScatterChartData(xScale, yScale, containerHeight, containerWidth, xElement) {
         _xAxisScale = xScale;
         _yAxisScale = yScale;
+        _isTextMode.current = isTextMode(_points);
+        _isScatterPolarRef.current = isScatterPolarSeries(_points);
         renderSeries = _createPlot(xElement, containerHeight);
     }
     function _onHoverCardHide() {
@@ -200,6 +208,43 @@ import { toImage } from '../../utilities/image-export-utils';
             legendRef: _legendsRef
         });
     }
+    function _getOrderedYAxisLabels() {
+        const shouldOrderYAxisLabelsByCategoryOrder = _yAxisType === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';
+        if (!shouldOrderYAxisLabelsByCategoryOrder) {
+            // Collect all unique string y values from all data points in all series, in reverse order
+            const yLabelsSet = new Set();
+            for(let i = _points.length - 1; i >= 0; i--){
+                const point = _points[i];
+                if (point.data && Array.isArray(point.data)) {
+                    for (const d of point.data){
+                        if (typeof d.y === 'string') {
+                            yLabelsSet.add(d.y);
+                        }
+                    }
+                }
+            }
+            return Array.from(yLabelsSet);
+        }
+        return sortAxisCategories(_mapCategoryToValues(), props.yAxisCategoryOrder);
+    }
+    function _mapCategoryToValues() {
+        const categoryToValues = {};
+        _points.forEach((point)=>{
+            if (point.data && Array.isArray(point.data)) {
+                point.data.forEach((d)=>{
+                    if (typeof d.y === 'string') {
+                        if (!categoryToValues[d.y]) {
+                            categoryToValues[d.y] = [];
+                        }
+                        if (typeof d.x === 'number') {
+                            categoryToValues[d.y].push(d.x);
+                        }
+                    }
+                });
+            }
+        });
+        return categoryToValues;
+    }
     function _onLegendSelectionChange(legendsSelected, event, currentLegend) {
         var _props_legendProps, _props_legendProps1;
         if ((_props_legendProps = props.legendProps) === null || _props_legendProps === void 0 ? void 0 : _props_legendProps.canSelectMultipleLegends) {
@@ -218,12 +263,6 @@ import { toImage } from '../../utilities/image-export-utils';
             return seriesColor;
         }
     }
-    function _getRangeForScatterMarkerSize(yScale, yPadding, xMin, xMax, xPadding) {
-        const extraXPixels = _isRTL ? _xAxisScale(xMax - xPadding) - _xAxisScale(xMax) : _xAxisScale(xMin + xPadding) - _xAxisScale(xMin);
-        const yMin = yScale.domain()[0];
-        const extraYPixels = yScale(yMin) - yScale(yMin + yPadding);
-        return Math.min(extraXPixels, extraYPixels);
-    }
     function _createPlot(xElement, containerHeight) {
         const series = [];
         if (isSelectedLegend) {
@@ -231,87 +270,80 @@ import { toImage } from '../../utilities/image-export-utils';
         } else {
             _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);
         }
-        const yMax = d3Max(points, (point)=>{
-            return d3Max(point.data, (item)=>item.y);
-        });
-        const yMin = d3Min(points, (point)=>{
-            return d3Min(point.data, (item)=>item.y);
-        });
-        const yPadding = (yMax - yMin) * 0.1;
-        let xPadding = 0;
-        let xMin = 0;
-        let xMax = 0;
         if (_xAxisType === XAxisTypes.StringAxis) {
             _xBandwidth = _xAxisScale.bandwidth() / 2;
-        } else if (_xAxisType === XAxisTypes.DateAxis) {
-            xMin = d3Min(_points, (point)=>{
-                return d3Min(point.data, (item)=>item.x);
-            }).getTime();
-            xMax = d3Max(_points, (point)=>{
-                return d3Max(point.data, (item)=>{
-                    return item.x;
-                });
-            }).getTime();
-            xPadding = (xMax - xMin) * 0.1;
-        } else {
-            xMin = d3Min(_points, (point)=>{
-                return d3Min(point.data, (item)=>item.x);
-            });
-            xMax = d3Max(_points, (point)=>{
-                return d3Max(point.data, (item)=>{
-                    return item.x;
-                });
-            });
-            xPadding = (xMax - xMin) * 0.1;
         }
         const maxMarkerSize = d3Max(_points, (point)=>{
             return d3Max(point.data, (item)=>{
                 return item.markerSize;
             });
         });
+        const extraMaxPixels = _xAxisType !== XAxisTypes.StringAxis && _yAxisType !== YAxisType.StringAxis ? getRangeForScatterMarkerSize({
+            data: _points,
+            xScale: _xAxisScale,
+            yScalePrimary: _yAxisScale,
+            xScaleType: props.xScaleType,
+            yScaleType: props.yScaleType
+        }) : 0;
         for(let i = _points.length - 1; i >= 0; i--){
             const pointsForSeries = [];
             const legendVal = _points[i].legend;
             const seriesColor = _points[i].color;
             const verticaLineHeight = containerHeight - margins.bottom + 6;
             for(let j = 0; j < _points[i].data.length; j++){
-                var _points_i_data_j;
+                var _points_i, _points_i_data_j;
+                const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points === null || _points === void 0 ? void 0 : (_points_i = _points[i]) === null || _points_i === void 0 ? void 0 : _points_i.data[j];
+                const xPoint = _xAxisScale === null || _xAxisScale === void 0 ? void 0 : _xAxisScale(x);
+                // Use string y axis scale if needed
+                const yPoint = _yAxisType === YAxisType.StringAxis ? (_yAxisScale === null || _yAxisScale === void 0 ? void 0 : _yAxisScale(y)) + ((_yAxisScale === null || _yAxisScale === void 0 ? void 0 : _yAxisScale.bandwidth) ? _yAxisScale.bandwidth() / 2 : 0) : _yAxisScale === null || _yAxisScale === void 0 ? void 0 : _yAxisScale(y);
+                if (!isPlottable(xPoint, yPoint)) {
+                    continue;
+                }
                 const seriesId = `${_seriesId}_${i}_${j}`;
                 const circleId = `${_circleId}_${i}_${j}`;
-                const { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[j];
                 const pointMarkerSize = _points[i].data[j].markerSize;
-                const extraMaxPixels = _xAxisType !== XAxisTypes.StringAxis ? _getRangeForScatterMarkerSize(_yAxisScale, yPadding, xMin, xMax, xPadding) : 0;
                 const minPixel = 4;
                 const maxPixel = 16;
                 const circleRadius = pointMarkerSize && maxMarkerSize !== 0 ? _xAxisType !== XAxisTypes.StringAxis ? pointMarkerSize * extraMaxPixels / maxMarkerSize : minPixel + (pointMarkerSize - minPixel) / (maxMarkerSize - minPixel) * (maxPixel - minPixel) : activePoint === circleId ? 6 : 4;
                 const isLegendSelected = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;
                 const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;
                 const text = _points === null || _points === void 0 ? void 0 : (_points_i_data_j = _points[i].data[j]) === null || _points_i_data_j === void 0 ? void 0 : _points_i_data_j.text;
-                pointsForSeries.push(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("circle", {
-                    id: circleId,
-                    key: circleId,
-                    r: Math.max(circleRadius, 4),
-                    cx: _xAxisScale(x) + _xBandwidth,
-                    cy: _yAxisScale(y),
-                    "data-is-focusable": isLegendSelected,
-                    onMouseOver: (event)=>_handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event),
-                    onMouseMove: (event)=>_handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event),
-                    onMouseOut: _handleMouseOut,
-                    onFocus: (event)=>_handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
-                    onBlur: _handleMouseOut,
-                    ..._getClickHandler(_points[i].data[j].onDataPointClick),
-                    opacity: isLegendSelected && !currentPointHidden ? 1 : 0.1,
-                    fill: _getPointFill(seriesColor, circleId, j, false),
-                    stroke: seriesColor,
-                    role: "img",
-                    "aria-label": _getAriaLabel(i, j),
-                    tabIndex: isLegendSelected ? 0 : undefined
-                }), ",", text && /*#__PURE__*/ React.createElement("text", {
-                    key: `${circleId}-label`,
-                    x: _xAxisScale(x) + _xBandwidth,
-                    y: _yAxisScale(y) + Math.max(circleRadius + 12, 16),
-                    className: classes.markerLabel
-                }, text)));
+                if (!_isTextMode.current) {
+                    pointsForSeries.push(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("circle", {
+                        id: circleId,
+                        key: circleId,
+                        r: Math.max(circleRadius, 4),
+                        cx: xPoint + _xBandwidth,
+                        cy: yPoint,
+                        "data-is-focusable": isLegendSelected,
+                        onMouseOver: (event)=>_handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event),
+                        onMouseMove: (event)=>_handleHover(x, y, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event),
+                        onMouseOut: _handleMouseOut,
+                        onFocus: (event)=>_handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData),
+                        onBlur: _handleMouseOut,
+                        ..._getClickHandler(_points[i].data[j].onDataPointClick),
+                        opacity: isLegendSelected && !currentPointHidden ? 1 : 0.1,
+                        fill: _getPointFill(seriesColor, circleId, j, false),
+                        stroke: seriesColor,
+                        role: "img",
+                        "aria-label": _getAriaLabel(i, j),
+                        tabIndex: isLegendSelected ? 0 : undefined
+                    }), ",", text && /*#__PURE__*/ React.createElement("text", {
+                        key: `${circleId}-label`,
+                        x: xPoint + _xBandwidth,
+                        y: yPoint + Math.max(circleRadius + 12, 16),
+                        className: classes.markerLabel
+                    }, text)));
+                }
+            }
+            if (_isScatterPolarRef.current) {
+                var _points_i1;
+                pointsForSeries.push(...renderScatterPolarCategoryLabels({
+                    xAxisScale: _xAxisScale,
+                    yAxisScale: _yAxisScale,
+                    className: classes.markerLabel || '',
+                    lineOptions: _points === null || _points === void 0 ? void 0 : (_points_i1 = _points[i]) === null || _points_i1 === void 0 ? void 0 : _points_i1.lineOptions
+                }));
             }
             series.push(/*#__PURE__*/ React.createElement("g", {
                 key: `series_${i}`,
@@ -350,7 +382,7 @@ import { toImage } from '../../utilities/image-export-utils';
         cy = targetRect.top + targetRect.height / 2;
         updatePosition(cx, cy);
         _uniqueCallOutID = circleId;
-        const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;
+        const formattedData = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC) : x;
         const xVal = x instanceof Date ? x.getTime() : x;
         const found = find(_calloutPoints, (element)=>element.x === xVal);
         // if no points need to be called out then don't show vertical line and callout card
@@ -371,7 +403,7 @@ import { toImage } from '../../utilities/image-export-utils';
     }
     function _handleHover(x, y, lineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, mouseEvent) {
         mouseEvent === null || mouseEvent === void 0 ? void 0 : mouseEvent.persist();
-        const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;
+        const formattedData = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC) : x;
         const xVal = x instanceof Date ? x.getTime() : x;
         const found = find(_calloutPoints, (element)=>element.x === xVal);
         // if no points need to be called out then don't show vertical line and callout card
@@ -429,7 +461,7 @@ import { toImage } from '../../utilities/image-export-utils';
         var _point_callOutAccessibilityData;
         const series = _points[seriesIndex];
         const point = series.data[pointIndex];
-        const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;
+        const formattedDate = point.x instanceof Date ? formatDateToLocaleString(point.x, props.culture, props.useUTC) : point.x;
         const xValue = point.xAxisCalloutData || formattedDate;
         const legend = series.legend;
         const yValue = point.yAxisCalloutData || point.y;
@@ -438,7 +470,6 @@ import { toImage } from '../../utilities/image-export-utils';
     function _isChartEmpty() {
         return !(props.data && props.data.scatterChartData && props.data.scatterChartData.length > 0 && props.data.scatterChartData.filter((item)=>item.data.length).length > 0);
     }
-    const _getMinMaxofXAxis = React.useCallback((points, yAxisType)=>_getNumericMinMaxOfY(points, yAxisType), []);
     const { legendProps, tickValues, tickFormat } = props;
     _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);
     let points = _points;
@@ -450,10 +481,9 @@ import { toImage } from '../../utilities/image-export-utils';
     // reduce computation cost by only creating legendBars
     // if when hideLegend is false.
     // NOTE: they are rendered only when hideLegend is false in CartesianChart.
-    if (!props.hideLegend) {
+    if (!props.hideLegend && !_isTextMode.current) {
         legendBars = _createLegends(_points); // ToDo: Memoize legends to improve performance.
     }
-    var _props_culture;
     const calloutProps = {
         YValueHover,
         hoverXValue,
@@ -464,7 +494,7 @@ import { toImage } from '../../utilities/image-export-utils';
         clickPosition,
         isPopoverOpen,
         isCalloutForStack: true,
-        culture: (_props_culture = props.culture) !== null && _props_culture !== void 0 ? _props_culture : 'en-us',
+        culture: props.culture,
         isCartesian: true
     };
     const tickParams = {
@@ -475,6 +505,8 @@ import { toImage } from '../../utilities/image-export-utils';
     _xAxisLabels = [
         ...new Set(xAxisLabels)
     ];
+    // Compute unique y axis labels for string y axis
+    const _yAxisLabels = _getOrderedYAxisLabels();
     return !_isChartEmpty() ? /*#__PURE__*/ React.createElement(CartesianChart, {
         ...props,
         chartTitle: props.data.chartTitle,
@@ -486,7 +518,11 @@ import { toImage } from '../../utilities/image-export-utils';
         getmargins: _getMargins,
         getGraphData: _initializeScatterChartData,
         xAxisType: _xAxisType,
-        getMinMaxOfYAxis: _getMinMaxofXAxis,
+        yAxisType: _yAxisType,
+        ..._yAxisType === YAxisType.StringAxis ? {
+            stringDatasetForYAxisDomain: _yAxisLabels
+        } : {},
+        getMinMaxOfYAxis: _getNumericMinMaxOfY,
         getDomainNRangeValues: _getDomainNRangeValues,
         createYAxis: createNumericYAxis,
         createStringYAxis: createStringYAxis,
@@ -494,6 +530,10 @@ import { toImage } from '../../utilities/image-export-utils';
         enableFirstRenderOptimization: _firstRenderOptimization,
         datasetForXAxisDomain: _xAxisLabels,
         componentRef: cartesianChartRef,
+        ..._isScatterPolarRef.current ? {
+            yMaxValue: 1,
+            yMinValue: -1
+        } : {},
         /* eslint-disable react/jsx-no-bind */ // eslint-disable-next-line react/no-children-prop
         children: (props)=>{
             _xAxisScale = props.xScale;

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ScatterChart/ScatterChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles } 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 type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  areArraysEqual,\n  createNumericYAxis,\n  createStringYAxis,\n  domainRangeOfDateForScatterChart,\n  domainRangeOfNumericForScatterChart,\n  domainRangeOfXStringAxis,\n  find,\n  findNumericMinMaxOfY,\n  IDomainNRange,\n  YAxisType,\n  useRtl,\n} from '../../utilities/index';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  ChildProps,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ScatterChartDataPoint,\n  Chart,\n  ImageExportOptions,\n  LegendContainer,\n  ScatterChartPoints,\n} from '../../index';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n  calloutData,\n  ChartTypes,\n  XAxisTypes,\n  tooltipOfAxislabels,\n  getTypeOfAxis,\n  getNextColor,\n  getColorFromToken,\n  formatDate,\n} from '../../utilities/index';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { ScaleLinear } from 'd3-scale';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\ntype ScatterChartDataWithIndex = ScatterChartPoints & { 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.scatterChartData);\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: JSXElement[];\n  let _xAxisLabels: string[] = [];\n  let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n  let _xBandwidth = 0;\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const classes = useScatterChartStyles(props);\n  const _legendsRef = React.useRef<LegendContainer>(null);\n  const _isRTL: boolean = useRtl();\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[]>(props.legendProps?.selectedLegends || []);\n  const prevSelectedLegendsRef = React.useRef<string[] | undefined>(undefined);\n\n  React.useEffect(() => {\n    if (\n      prevSelectedLegendsRef.current &&\n      !areArraysEqual(prevSelectedLegendsRef.current, props.legendProps?.selectedLegends)\n    ) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n    prevSelectedLegendsRef.current = props.legendProps?.selectedLegends;\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRTL, opts);\n      },\n    }),\n    [],\n  );\n\n  const _xAxisType: XAxisTypes =\n    props.data.scatterChartData! &&\n    props.data.scatterChartData!.length > 0 &&\n    props.data.scatterChartData![0].data &&\n    props.data.scatterChartData![0].data.length > 0\n      ? (getTypeOfAxis(props.data.scatterChartData![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.scatterChartData) || props.data !== _points) {\n      pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n      calloutPointsRef.current = calloutData(pointsRef.current);\n    }\n  }, [props.height, props.width, props.data, _points]);\n\n  function _injectIndexPropertyInScatterChartData(\n    scatterChartData?: ScatterChartPoints[],\n  ): ScatterChartDataWithIndex[] | [] {\n    return scatterChartData\n      ? scatterChartData.map((item: ScatterChartPoints, 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 _getNumericMinMaxOfY(\n    points: ScatterChartPoints[],\n    yAxisType?: YAxisType,\n  ): { startValue: number; endValue: number } {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { startValue, endValue } = findNumericMinMaxOfY(points, yAxisType);\n    let yPadding = 0;\n    yPadding = (endValue - startValue) * 0.1;\n\n    return {\n      startValue: startValue - yPadding,\n      endValue: endValue + yPadding,\n    };\n  }\n\n  function _getDomainNRangeValues(\n    points: any,\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForScatterChart(points, margins, width, isRTL);\n    } else if (xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = domainRangeOfDateForScatterChart(points, margins, width, isRTL, tickValues! as Date[]);\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\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[]): JSXElement {\n    const { legendProps } = props;\n    const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n    const mapLegendToPoints: Record<string, ScatterChartDataWithIndex[]> = {};\n    data.forEach((point: ScatterChartDataWithIndex) => {\n      if (point.legend) {\n        if (!mapLegendToPoints[point.legend]) {\n          mapLegendToPoints[point.legend] = [];\n        }\n        mapLegendToPoints[point.legend].push(point);\n      }\n    });\n    const legendDataItems: Legend[] = Object.entries(mapLegendToPoints).map(([legendTitle, points]) => {\n      const representativePoint = points[0];\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: legendTitle,\n        color: representativePoint.color!,\n        onMouseOutAction: () => {\n          setActiveLegend('');\n        },\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          setActiveLegend(legendTitle);\n        },\n        ...(representativePoint.legendShape && {\n          shape: representativePoint.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        legendRef={_legendsRef}\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 _getRangeForScatterMarkerSize(\n    yScale: ScaleLinear<number, number>,\n    yPadding: number,\n    xMin: number,\n    xMax: number,\n    xPadding: number,\n  ): number {\n    const extraXPixels = _isRTL\n      ? _xAxisScale(xMax - xPadding) - _xAxisScale(xMax)\n      : _xAxisScale(xMin + xPadding) - _xAxisScale(xMin);\n\n    const yMin = yScale.domain()[0];\n    const extraYPixels = yScale(yMin) - yScale(yMin + yPadding);\n    return Math.min(extraXPixels, extraYPixels);\n  }\n\n  function _createPlot(xElement: SVGElement, containerHeight: number): JSXElement[] {\n    const series: JSXElement[] = [];\n    if (isSelectedLegend) {\n      _points = selectedLegendPoints;\n    } else {\n      _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n    }\n\n    const yMax = d3Max(points, (point: ScatterChartPoints) => {\n      return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n    })!;\n    const yMin = d3Min(points, (point: ScatterChartPoints) => {\n      return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.y)!;\n    })!;\n    const yPadding = (yMax - yMin) * 0.1;\n\n    let xPadding = 0;\n    let xMin: number = 0;\n    let xMax: number = 0;\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      _xBandwidth = _xAxisScale.bandwidth() / 2;\n    } else if (_xAxisType === XAxisTypes.DateAxis) {\n      xMin = d3Min(_points, (point: ScatterChartPoints) => {\n        return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as Date)!;\n      })!.getTime();\n\n      xMax = d3Max(_points, (point: ScatterChartPoints) => {\n        return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.x as Date;\n        });\n      })!.getTime();\n\n      xPadding = (xMax - xMin) * 0.1;\n    } else {\n      xMin = d3Min(_points, (point: ScatterChartPoints) => {\n        return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => item.x as number)!;\n      })!;\n\n      xMax = d3Max(_points, (point: ScatterChartPoints) => {\n        return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.x as number;\n        });\n      })!;\n\n      xPadding = (xMax - xMin) * 0.1;\n    }\n\n    const maxMarkerSize = d3Max(_points, (point: ScatterChartPoints) => {\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: JSXElement[] = [];\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        const pointMarkerSize = (_points[i].data[j] as ScatterChartDataPoint).markerSize;\n        const extraMaxPixels =\n          _xAxisType !== XAxisTypes.StringAxis\n            ? _getRangeForScatterMarkerSize(_yAxisScale, yPadding, xMin, xMax, xPadding)\n            : 0;\n        const minPixel = 4;\n        const maxPixel = 16;\n        const circleRadius =\n          pointMarkerSize && maxMarkerSize !== 0\n            ? _xAxisType !== XAxisTypes.StringAxis\n              ? (pointMarkerSize * extraMaxPixels) / maxMarkerSize\n              : minPixel + ((pointMarkerSize - minPixel) / (maxMarkerSize - minPixel)) * (maxPixel - minPixel)\n            : activePoint === circleId\n            ? 6\n            : 4;\n\n        const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n        const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n        const text = _points?.[i].data[j]?.text;\n        pointsForSeries.push(\n          <>\n            <circle\n              id={circleId}\n              key={circleId}\n              r={Math.max(circleRadius, 4)}\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={event =>\n                _handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n              }\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            {text && (\n              <text\n                key={`${circleId}-label`}\n                x={_xAxisScale(x) + _xBandwidth}\n                y={_yAxisScale(y) + Math.max(circleRadius + 12, 16)}\n                className={classes.markerLabel}\n              >\n                {text}\n              </text>\n            )}\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    // 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        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return series;\n  }\n\n  function _handleFocus(\n    event: React.FocusEvent<SVGCircleElement, Element>,\n    seriesId: string,\n    x: number | Date | string,\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData?: AccessibilityProps,\n  ) {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    updatePosition(cx, cy);\n    _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 _getHighlightedLegend().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.scatterChartData &&\n      props.data.scatterChartData.length > 0 &&\n      props.data.scatterChartData.filter((item: ScatterChartPoints) => item.data.length).length > 0\n    );\n  }\n\n  const _getMinMaxofXAxis = React.useCallback(\n    (points: ScatterChartPoints[], yAxisType: YAxisType | undefined) =>\n      _getNumericMinMaxOfY(points as ScatterChartPoints[], yAxisType),\n    [],\n  );\n\n  const { legendProps, tickValues, tickFormat } = props;\n  _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n\n  let points = _points as ScatterChartPoints[];\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      getMinMaxOfYAxis={_getMinMaxofXAxis}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      createYAxis={createNumericYAxis}\n      createStringYAxis={createStringYAxis}\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.yScalePrimary!;\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","select","d3Select","Legends","max","d3Max","min","d3Min","useId","areArraysEqual","createNumericYAxis","createStringYAxis","domainRangeOfDateForScatterChart","domainRangeOfNumericForScatterChart","domainRangeOfXStringAxis","find","findNumericMinMaxOfY","useRtl","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","formatDate","toImage","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","scatterChartData","_calloutPoints","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","useRef","classes","_legendsRef","_isRTL","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevSelectedLegendsRef","undefined","useEffect","current","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_xAxisType","length","StringAxis","pointsRef","calloutPointsRef","height","width","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getNumericMinMaxOfY","points","yAxisType","startValue","endValue","yPadding","_getDomainNRangeValues","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","NumericAxis","DateAxis","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","mapLegendToPoints","forEach","point","legend","push","legendDataItems","Object","entries","legendTitle","representativePoint","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendRef","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","_getRangeForScatterMarkerSize","xMin","xMax","xPadding","extraXPixels","yMin","domain","extraYPixels","series","yMax","bandwidth","getTime","maxMarkerSize","markerSize","i","pointsForSeries","legendVal","verticaLineHeight","bottom","j","seriesId","circleId","xAxisCalloutData","pointMarkerSize","extraMaxPixels","minPixel","maxPixel","circleRadius","isLegendSelected","_legendHighlighted","_noLegendHighlighted","currentPointHidden","hideNonActiveDots","text","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","className","markerLabel","g","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","targetRect","target","getBoundingClientRect","left","top","formattedData","Date","useUTC","xVal","found","element","attr","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","_getMinMaxofXAxis","useCallback","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","chartTitle","getmargins","getGraphData","getMinMaxOfYAxis","getDomainNRangeValues","createYAxis","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","children","yScalePrimary","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/ScatterChart/ScatterChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ScatterChartProps } from './ScatterChart.types';\nimport { useScatterChartStyles } 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 } from 'd3-array';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n  areArraysEqual,\n  createNumericYAxis,\n  createStringYAxis,\n  getDomainPaddingForMarkers,\n  domainRangeOfXStringAxis,\n  find,\n  findNumericMinMaxOfY,\n  IDomainNRange,\n  YAxisType,\n  useRtl,\n  isTextMode,\n  isScatterPolarSeries,\n  isPlottable,\n  getRangeForScatterMarkerSize,\n  domainRangeOfDateForAreaLineScatterVerticalBarCharts,\n  domainRangeOfNumericForAreaLineScatterCharts,\n  sortAxisCategories,\n} from '../../utilities/index';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  ChildProps,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ScatterChartDataPoint,\n  Chart,\n  ImageExportOptions,\n  LegendContainer,\n  ScatterChartPoints,\n} from '../../index';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n  calloutData,\n  ChartTypes,\n  XAxisTypes,\n  tooltipOfAxislabels,\n  getTypeOfAxis,\n  getNextColor,\n  getColorFromToken,\n} from '../../utilities/index';\nimport { LineChartPoints } from '../../types/DataPoint';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';\nimport { formatDateToLocaleString } from '@fluentui/chart-utilities';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\n\ntype ScatterChartDataWithIndex = ScatterChartPoints & { 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.scatterChartData);\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: JSXElement[];\n  let _xAxisLabels: string[] = [];\n  let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n  let _xBandwidth = 0;\n  const cartesianChartRef = React.useRef<Chart>(null);\n  const classes = useScatterChartStyles(props);\n  const _legendsRef = React.useRef<LegendContainer>(null);\n  const _isRTL: boolean = useRtl();\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[]>(props.legendProps?.selectedLegends || []);\n  const prevSelectedLegendsRef = React.useRef<string[] | undefined>(undefined);\n  const _isTextMode = React.useRef(false);\n  const _isScatterPolarRef = React.useRef(false);\n\n  React.useEffect(() => {\n    if (\n      prevSelectedLegendsRef.current &&\n      !areArraysEqual(prevSelectedLegendsRef.current, props.legendProps?.selectedLegends)\n    ) {\n      setSelectedLegends(props.legendProps?.selectedLegends || []);\n    }\n    prevSelectedLegendsRef.current = props.legendProps?.selectedLegends;\n  }, [props.legendProps?.selectedLegends]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n      toImage: (opts?: ImageExportOptions): Promise<string> => {\n        return toImage(cartesianChartRef.current?.chartContainer, _legendsRef.current?.toSVG, _isRTL, opts);\n      },\n    }),\n    [],\n  );\n\n  const _xAxisType: XAxisTypes =\n    props.data.scatterChartData! &&\n    props.data.scatterChartData!.length > 0 &&\n    props.data.scatterChartData![0].data &&\n    props.data.scatterChartData![0].data.length > 0\n      ? (getTypeOfAxis(props.data.scatterChartData![0].data[0].x, true) as XAxisTypes)\n      : XAxisTypes.StringAxis;\n\n  // Detect y axis type (numeric or string)\n  const _yAxisType: YAxisType =\n    props.data.scatterChartData &&\n    props.data.scatterChartData.length > 0 &&\n    props.data.scatterChartData[0].data &&\n    props.data.scatterChartData[0].data.length > 0\n      ? typeof props.data.scatterChartData[0].data[0].y === 'string'\n        ? YAxisType.StringAxis\n        : YAxisType.NumericAxis\n      : YAxisType.NumericAxis;\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.scatterChartData) || props.data !== _points) {\n      pointsRef.current = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n      calloutPointsRef.current = calloutData(pointsRef.current);\n    }\n  }, [props.height, props.width, props.data, _points]);\n\n  function _injectIndexPropertyInScatterChartData(\n    scatterChartData?: ScatterChartPoints[],\n  ): ScatterChartDataWithIndex[] | [] {\n    return scatterChartData\n      ? scatterChartData.map((item: ScatterChartPoints, 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 _getNumericMinMaxOfY(\n    points: ScatterChartPoints[],\n    yAxisType?: YAxisType,\n  ): { startValue: number; endValue: number } {\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    const { startValue, endValue } = findNumericMinMaxOfY(points, yAxisType);\n    const yPadding = getDomainPaddingForMarkers(startValue, endValue, props.yScaleType);\n\n    return {\n      startValue: startValue - yPadding.start,\n      endValue: endValue + yPadding.end,\n    };\n  }\n\n  function _getDomainNRangeValues(\n    points: any,\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | undefined,\n    shiftX: number,\n  ) {\n    let domainNRangeValue: IDomainNRange;\n    if (xAxisType === XAxisTypes.NumericAxis) {\n      domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(\n        points,\n        margins,\n        width,\n        isRTL,\n        props.xScaleType,\n        true,\n      );\n    } else if (xAxisType === XAxisTypes.DateAxis) {\n      domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(\n        points,\n        margins,\n        width,\n        isRTL,\n        tickValues! as Date[],\n        chartType,\n      );\n    } else {\n      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);\n    }\n    return domainNRangeValue;\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    _isTextMode.current = isTextMode(_points);\n    _isScatterPolarRef.current = isScatterPolarSeries(_points);\n    renderSeries = _createPlot(xElement!, containerHeight!);\n  }\n\n  function _onHoverCardHide() {\n    setSelectedLegendPoints([]);\n    setIsSelectedLegend(false);\n  }\n\n  function _createLegends(data: ScatterChartDataWithIndex[]): JSXElement {\n    const { legendProps } = props;\n    const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n    const mapLegendToPoints: Record<string, ScatterChartDataWithIndex[]> = {};\n    data.forEach((point: ScatterChartDataWithIndex) => {\n      if (point.legend) {\n        if (!mapLegendToPoints[point.legend]) {\n          mapLegendToPoints[point.legend] = [];\n        }\n        mapLegendToPoints[point.legend].push(point);\n      }\n    });\n    const legendDataItems: Legend[] = Object.entries(mapLegendToPoints).map(([legendTitle, points]) => {\n      const representativePoint = points[0];\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: legendTitle,\n        color: representativePoint.color!,\n        onMouseOutAction: () => {\n          setActiveLegend('');\n        },\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          setActiveLegend(legendTitle);\n        },\n        ...(representativePoint.legendShape && {\n          shape: representativePoint.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        legendRef={_legendsRef}\n      />\n    );\n  }\n\n  function _getOrderedYAxisLabels() {\n    const shouldOrderYAxisLabelsByCategoryOrder =\n      _yAxisType === YAxisType.StringAxis && props.yAxisCategoryOrder !== 'default';\n    if (!shouldOrderYAxisLabelsByCategoryOrder) {\n      // Collect all unique string y values from all data points in all series, in reverse order\n      const yLabelsSet = new Set<string>();\n      for (let i = _points.length - 1; i >= 0; i--) {\n        const point = _points[i];\n        if (point.data && Array.isArray(point.data)) {\n          for (const d of point.data) {\n            if (typeof d.y === 'string') {\n              yLabelsSet.add(d.y);\n            }\n          }\n        }\n      }\n      return Array.from(yLabelsSet);\n    }\n\n    return sortAxisCategories(_mapCategoryToValues(), props.yAxisCategoryOrder);\n  }\n\n  function _mapCategoryToValues() {\n    const categoryToValues: Record<string, number[]> = {};\n    _points.forEach(point => {\n      if (point.data && Array.isArray(point.data)) {\n        point.data.forEach(d => {\n          if (typeof d.y === 'string') {\n            if (!categoryToValues[d.y]) {\n              categoryToValues[d.y] = [];\n            }\n            if (typeof d.x === 'number') {\n              categoryToValues[d.y].push(d.x);\n            }\n          }\n        });\n      }\n    });\n    return categoryToValues;\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): JSXElement[] {\n    const series: JSXElement[] = [];\n    if (isSelectedLegend) {\n      _points = selectedLegendPoints;\n    } else {\n      _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n    }\n\n    if (_xAxisType === XAxisTypes.StringAxis) {\n      _xBandwidth = _xAxisScale.bandwidth() / 2;\n    }\n\n    const maxMarkerSize = d3Max(_points, (point: ScatterChartPoints) => {\n      return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n        return item.markerSize as number;\n      });\n    })!;\n\n    const extraMaxPixels =\n      _xAxisType !== XAxisTypes.StringAxis && _yAxisType !== YAxisType.StringAxis\n        ? getRangeForScatterMarkerSize({\n            data: _points,\n            xScale: _xAxisScale,\n            yScalePrimary: _yAxisScale,\n            xScaleType: props.xScaleType,\n            yScaleType: props.yScaleType,\n          })\n        : 0;\n\n    for (let i = _points.length - 1; i >= 0; i--) {\n      const pointsForSeries: JSXElement[] = [];\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 { x, y, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points?.[i]?.data[j];\n        const xPoint = _xAxisScale?.(x);\n        // Use string y axis scale if needed\n        const yPoint =\n          _yAxisType === YAxisType.StringAxis\n            ? _yAxisScale?.(y) + (_yAxisScale?.bandwidth ? _yAxisScale.bandwidth() / 2 : 0)\n            : _yAxisScale?.(y);\n        if (!isPlottable(xPoint, yPoint)) {\n          continue;\n        }\n        const seriesId = `${_seriesId}_${i}_${j}`;\n        const circleId = `${_circleId}_${i}_${j}`;\n        const pointMarkerSize = (_points[i].data[j] as ScatterChartDataPoint).markerSize;\n        const minPixel = 4;\n        const maxPixel = 16;\n        const circleRadius =\n          pointMarkerSize && maxMarkerSize !== 0\n            ? _xAxisType !== XAxisTypes.StringAxis\n              ? (pointMarkerSize * extraMaxPixels) / maxMarkerSize\n              : minPixel + ((pointMarkerSize - minPixel) / (maxMarkerSize - minPixel)) * (maxPixel - minPixel)\n            : activePoint === circleId\n            ? 6\n            : 4;\n\n        const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n        const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n        const text = _points?.[i].data[j]?.text;\n        if (!_isTextMode.current) {\n          pointsForSeries.push(\n            <>\n              <circle\n                id={circleId}\n                key={circleId}\n                r={Math.max(circleRadius, 4)}\n                cx={xPoint + _xBandwidth}\n                cy={yPoint}\n                data-is-focusable={isLegendSelected}\n                onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x,\n                    y,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                  )\n                }\n                onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n                  _handleHover(\n                    x,\n                    y,\n                    verticaLineHeight,\n                    xAxisCalloutData,\n                    circleId,\n                    xAxisCalloutAccessibilityData,\n                    event,\n                  )\n                }\n                onMouseOut={_handleMouseOut}\n                onFocus={event =>\n                  _handleFocus(event, seriesId, x, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)\n                }\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              {text && (\n                <text\n                  key={`${circleId}-label`}\n                  x={xPoint + _xBandwidth}\n                  y={yPoint + Math.max(circleRadius + 12, 16)}\n                  className={classes.markerLabel}\n                >\n                  {text}\n                </text>\n              )}\n            </>,\n          );\n        }\n      }\n\n      if (_isScatterPolarRef.current) {\n        pointsForSeries.push(\n          ...renderScatterPolarCategoryLabels({\n            xAxisScale: _xAxisScale,\n            yAxisScale: _yAxisScale,\n            className: classes.markerLabel || '',\n            lineOptions: (_points?.[i] as Partial<LineChartPoints>)?.lineOptions,\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    // 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        axis: xAxisElement,\n      };\n      xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    return series;\n  }\n\n  function _handleFocus(\n    event: React.FocusEvent<SVGCircleElement, Element>,\n    seriesId: string,\n    x: number | Date | string,\n    xAxisCalloutData: string | undefined,\n    circleId: string,\n    xAxisCalloutAccessibilityData?: AccessibilityProps,\n  ) {\n    let cx = 0;\n    let cy = 0;\n\n    const targetRect = (event.target as SVGCircleElement).getBoundingClientRect();\n    cx = targetRect.left + targetRect.width / 2;\n    cy = targetRect.top + targetRect.height / 2;\n    updatePosition(cx, cy);\n    _uniqueCallOutID = circleId;\n    const formattedData = x instanceof Date ? formatDateToLocaleString(x, props.culture, props.useUTC as boolean) : 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 ? formatDateToLocaleString(x, props.culture, props.useUTC as boolean) : 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 _getHighlightedLegend().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 =\n      point.x instanceof Date ? formatDateToLocaleString(point.x, props.culture, props.useUTC as boolean) : point.x;\n    const xValue = point.xAxisCalloutData || formattedDate;\n    const legend = 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.scatterChartData &&\n      props.data.scatterChartData.length > 0 &&\n      props.data.scatterChartData.filter((item: ScatterChartPoints) => item.data.length).length > 0\n    );\n  }\n\n  const { legendProps, tickValues, tickFormat } = props;\n  _points = _injectIndexPropertyInScatterChartData(props.data.scatterChartData);\n\n  let points = _points as ScatterChartPoints[];\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 && !_isTextMode.current) {\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,\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  // Compute unique y axis labels for string y axis\n  const _yAxisLabels: string[] = _getOrderedYAxisLabels();\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      yAxisType={_yAxisType}\n      // Pass stringDatasetForYAxisDomain only if y axis is string\n      {...(_yAxisType === YAxisType.StringAxis ? { stringDatasetForYAxisDomain: _yAxisLabels } : {})}\n      getMinMaxOfYAxis={_getNumericMinMaxOfY}\n      getDomainNRangeValues={_getDomainNRangeValues}\n      createYAxis={createNumericYAxis}\n      createStringYAxis={createStringYAxis}\n      onChartMouseLeave={_handleChartMouseLeave}\n      enableFirstRenderOptimization={_firstRenderOptimization}\n      datasetForXAxisDomain={_xAxisLabels}\n      componentRef={cartesianChartRef}\n      {...(_isScatterPolarRef.current ? { yMaxValue: 1, yMinValue: -1 } : {})}\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.yScalePrimary!;\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","select","d3Select","Legends","max","d3Max","useId","areArraysEqual","createNumericYAxis","createStringYAxis","getDomainPaddingForMarkers","domainRangeOfXStringAxis","find","findNumericMinMaxOfY","YAxisType","useRtl","isTextMode","isScatterPolarSeries","isPlottable","getRangeForScatterMarkerSize","domainRangeOfDateForAreaLineScatterVerticalBarCharts","domainRangeOfNumericForAreaLineScatterCharts","sortAxisCategories","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","toImage","renderScatterPolarCategoryLabels","formatDateToLocaleString","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","scatterChartData","_calloutPoints","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","useRef","classes","_legendsRef","_isRTL","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegendPoints","setSelectedLegendPoints","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","selectedLegends","setSelectedLegends","legendProps","prevSelectedLegendsRef","undefined","_isTextMode","_isScatterPolarRef","useEffect","current","useImperativeHandle","componentRef","chartContainer","opts","toSVG","_xAxisType","length","StringAxis","_yAxisType","NumericAxis","pointsRef","calloutPointsRef","height","width","map","item","index","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getNumericMinMaxOfY","points","yAxisType","startValue","endValue","yPadding","yScaleType","start","end","_getDomainNRangeValues","chartType","isRTL","xAxisType","barWidth","tickValues","shiftX","domainNRangeValue","xScaleType","DateAxis","_getMargins","_margins","_initializeScatterChartData","xScale","yScale","containerHeight","containerWidth","xElement","_createPlot","_onHoverCardHide","_createLegends","isLegendMultiSelectEnabled","canSelectMultipleLegends","mapLegendToPoints","forEach","point","legend","push","legendDataItems","Object","entries","legendTitle","representativePoint","title","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","onChange","_onLegendSelectionChange","legendRef","_getOrderedYAxisLabels","shouldOrderYAxisLabelsByCategoryOrder","yAxisCategoryOrder","yLabelsSet","Set","i","Array","isArray","d","add","from","_mapCategoryToValues","categoryToValues","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","series","bandwidth","maxMarkerSize","markerSize","extraMaxPixels","yScalePrimary","pointsForSeries","legendVal","verticaLineHeight","bottom","j","xAxisCalloutData","xPoint","yPoint","seriesId","circleId","pointMarkerSize","minPixel","maxPixel","circleRadius","isLegendSelected","_legendHighlighted","_noLegendHighlighted","currentPointHidden","hideNonActiveDots","text","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","className","markerLabel","xAxisScale","yAxisScale","lineOptions","g","showXAxisLablesTooltip","document","getElementById","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","axis","targetRect","target","getBoundingClientRect","left","top","formattedData","Date","culture","useUTC","xVal","getTime","found","element","attr","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickFormat","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","isCartesian","tickParams","xAxisLabels","dp","flat","_yAxisLabels","chartTitle","getmargins","getGraphData","stringDatasetForYAxisDomain","getMinMaxOfYAxis","getDomainNRangeValues","createYAxis","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","yMaxValue","yMinValue","children","line","x1","y1","x2","y2","visibility","strokeDasharray","div","style","displayName"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ScatterChart/ScatterChart.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { RenderFunction } from '../../utilities/index';\nimport {\n  ChartProps,\n  LineChartPoints,\n  Margins,\n  Basestate,\n  RefArrayData,\n  CustomizedCalloutData,\n} from '../../types/index';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  ChildProps,\n} from '../CommonComponents/index';\n\nexport type { ChildProps, LineChartPoints, Margins, Basestate, RefArrayData };\n\n/**\n * Line Chart properties\n * {@docCategory LineChart}\n */\nexport interface ScatterChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ScatterChartStyles;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Callback for getting callout description message\n   */\n  getCalloutDescriptionMessage?: (calloutDataProps: CustomizedCalloutData) => string | undefined;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n}\n\n/**\n * Scatter Chart styles\n * {@docCategory ScatterChart}\n */\nexport interface ScatterChartStyles extends CartesianChartStyles {\n  /**\n   * Style for the marker label\n   */\n  markerLabel?: string;\n}\n\n/**\n * Scatter Chart style properties\n * {@docCategory ScatterChart}\n */\nexport interface ScatterChartStyleProps extends CartesianChartStyleProps {}\n"],"names":[],"mappings":"AAAA,uDAAuD,GA6DvD;;;CAGC,GACD,WAA2E"}
+{"version":3,"sources":["../src/components/ScatterChart/ScatterChart.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { RenderFunction } from '../../utilities/index';\nimport {\n  ChartProps,\n  LineChartPoints,\n  Margins,\n  Basestate,\n  RefArrayData,\n  CustomizedCalloutData,\n} from '../../types/index';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  ChildProps,\n} from '../CommonComponents/index';\n\nexport type { ChildProps, LineChartPoints, Margins, Basestate, RefArrayData };\n\n/**\n * Line Chart properties\n * {@docCategory LineChart}\n */\nexport interface ScatterChartProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data: ChartProps;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ScatterChartStyles;\n\n  /**\n   * Define a custom callout renderer for a data point\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n  /**\n   * Callback for getting callout description message\n   */\n  getCalloutDescriptionMessage?: (calloutDataProps: CustomizedCalloutData) => string | undefined;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * The prop used to define the y axis labels tooltip visibility\n   */\n  showYAxisLablesTooltip?: boolean;\n}\n\n/**\n * Scatter Chart styles\n * {@docCategory ScatterChart}\n */\nexport interface ScatterChartStyles extends CartesianChartStyles {\n  /**\n   * Style for the marker label\n   */\n  markerLabel?: string;\n}\n\n/**\n * Scatter Chart style properties\n * {@docCategory ScatterChart}\n */\nexport interface ScatterChartStyleProps extends CartesianChartStyleProps {}\n"],"names":[],"mappings":"AAAA,uDAAuD,GAkEvD;;;CAGC,GACD,WAA2E"}