@fluentui/react-charts 0.0.0-nightly-20250827-0407.1 → 0.0.0-nightly-20250829-0406.1

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  isTextMode,\n  isScatterPolarSeries,\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 { LineChartPoints } from '../../types/DataPoint';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { ScaleLinear } from 'd3-scale';\nimport { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';\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  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    _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 _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 {\n      const isDate = _xAxisType === XAxisTypes.DateAxis;\n      const getX = (item: ScatterChartDataPoint) => (isDate ? (item.x as Date) : (item.x as number));\n\n      const minVal = d3Min(_points, (point: ScatterChartPoints) => d3Min(point.data as ScatterChartDataPoint[], getX));\n      const maxVal = d3Max(_points, (point: ScatterChartPoints) => d3Max(point.data as ScatterChartDataPoint[], getX));\n\n      xMin = isDate ? (minVal as Date).getTime() : (minVal as number);\n      xMax = isDate ? (maxVal as Date).getTime() : (maxVal as number);\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        if (!_isTextMode.current) {\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(\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={_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\n      if (_isScatterPolarRef.current) {\n        // Render category labels for all series at once to avoid overlap\n        const allSeriesData = _points.map(s => ({\n          data: s.data\n            .filter(pt => typeof pt.x === 'number' && typeof pt.y === 'number')\n            .map(pt => ({ x: pt.x as number, y: pt.y as number, text: pt.text })),\n        }));\n        pointsForSeries.push(\n          ...renderScatterPolarCategoryLabels({\n            allSeriesData,\n            xAxisScale: _xAxisScale.current,\n            yAxisScale: _yAxisScale.current,\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 ? 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 && !_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 ?? '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      {...(_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","min","d3Min","useId","areArraysEqual","createNumericYAxis","createStringYAxis","domainRangeOfDateForScatterChart","domainRangeOfNumericForScatterChart","domainRangeOfXStringAxis","find","findNumericMinMaxOfY","useRtl","isTextMode","isScatterPolarSeries","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","formatDate","toImage","renderScatterPolarCategoryLabels","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","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","isDate","getX","minVal","maxVal","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","allSeriesData","s","filter","pt","xAxisScale","yAxisScale","lineOptions","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","_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","yMaxValue","yMinValue","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":["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 } 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} 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 { LineChartPoints } from '../../types/DataPoint';\nimport { toImage } from '../../utilities/image-export-utils';\nimport { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';\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  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 _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\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        const yPoint = _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 ? 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 { 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 ?? '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={_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","useRtl","isTextMode","isScatterPolarSeries","isPlottable","getRangeForScatterMarkerSize","domainRangeOfDateForAreaLineScatterVerticalBarCharts","domainRangeOfNumericForAreaLineScatterCharts","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","formatDate","toImage","renderScatterPolarCategoryLabels","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","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","NumericAxis","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","legendsSelected","event","currentLegend","slice","_getPointFill","seriesColor","pointId","pointIndex","isLastPoint","colorNeutralBackground1","series","bandwidth","maxMarkerSize","markerSize","extraMaxPixels","yScalePrimary","i","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","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","culture","isCartesian","tickParams","xAxisLabels","dp","flat","Set","chartTitle","getmargins","getGraphData","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/VerticalBarChart/VerticalBarChart.js

@@ -7,7 +7,7 @@ import { scaleLinear as d3ScaleLinear, scaleBand as d3ScaleBand, scaleUtc as d3S
 import { useId } from '@fluentui/react-utilities';
 import { tokens } from '@fluentui/react-theme';
 import { CartesianChart, Legends, ChartPopover } from '../../index';
-import { ChartTypes, getAccessibleDataObject, XAxisTypes, getTypeOfAxis, tooltipOfAxislabels, formatScientificLimitWidth, getBarWidth, getScalePadding, isScalePaddingDefined, calculateAppropriateBarWidth, useRtl, areArraysEqual, calculateLongestLabelWidth, findVerticalNumericMinMaxOfY, createNumericYAxis, domainRangeOfVerticalNumeric, domainRangeOfDateForAreaLineVerticalBarChart, domainRangeOfXStringAxis, createStringYAxis, calcTotalWidth, calcBandwidth, calcRequiredWidth, sortAxisCategories } from '../../utilities/index';
+import { ChartTypes, getAccessibleDataObject, XAxisTypes, getTypeOfAxis, tooltipOfAxislabels, formatScientificLimitWidth, getBarWidth, getScalePadding, isScalePaddingDefined, calculateAppropriateBarWidth, useRtl, areArraysEqual, calculateLongestLabelWidth, findVerticalNumericMinMaxOfY, createNumericYAxis, domainRangeOfVerticalNumeric, domainRangeOfDateForAreaLineScatterVerticalBarCharts, domainRangeOfXStringAxis, createStringYAxis, calcTotalWidth, calcBandwidth, calcRequiredWidth, sortAxisCategories } from '../../utilities/index';
 import { toImage } from '../../utilities/image-export-utils';
 var CircleVisbility = /*#__PURE__*/ function(CircleVisbility) {
     CircleVisbility["show"] = "visibility";
@@ -98,7 +98,7 @@ const MIN_DOMAIN_MARGIN = 8;
         if (xAxisType === XAxisTypes.NumericAxis) {
             domainNRangeValue = domainRangeOfVerticalNumeric(points, margins, width, isRTL, barWidth);
         } else if (xAxisType === XAxisTypes.DateAxis) {
-            domainNRangeValue = domainRangeOfDateForAreaLineVerticalBarChart(points, margins, width, isRTL, tickValues, chartType, barWidth);
+            domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(points, margins, width, isRTL, tickValues, chartType, barWidth);
         } else {
             domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);
         }