@fluentui/react-charts 9.3.6 → 9.3.7

package/lib-commonjs/components/ScatterChart/ScatterChart.js

@@ -19,9 +19,9 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _index1 = require("../../utilities/index");
 const _index2 = require("../../index");
 const _reacttheme = require("@fluentui/react-theme");
-const _imageexportutils = require("../../utilities/image-export-utils");
 const _scatterpolarutils = require("../../utilities/scatterpolar-utils");
 const _chartutilities = require("@fluentui/chart-utilities");
+const _hooks = require("../../utilities/hooks");
 const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     var _props_legendProps, _props_legendProps1;
     const _circleId = (0, _reactutilities.useId)('circle');
@@ -42,10 +42,8 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     let _xAxisLabels = [];
     let xAxisCalloutAccessibilityData = {};
     let _xBandwidth = 0;
-    const cartesianChartRef = _react.useRef(null);
+    const { cartesianChartRef, legendsRef: _legendsRef } = (0, _hooks.useImageExport)(props.componentRef, props.hideLegend);
     const classes = (0, _useScatterChartStylesstyles.useScatterChartStyles)(props);
-    const _legendsRef = _react.useRef(null);
-    const _isRTL = (0, _index1.useRtl)();
     const [hoverXValue, setHoverXValue] = _react.useState('');
     const [activeLegend, setActiveLegend] = _react.useState('');
     const [yValueHover, setYValueHover] = _react.useState([]);
@@ -73,22 +71,10 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     }, [
         (_props_legendProps1 = props.legendProps) === null || _props_legendProps1 === void 0 ? void 0 : _props_legendProps1.selectedLegends
     ]);
-    _react.useImperativeHandle(props.componentRef, ()=>{
-        var _cartesianChartRef_current;
-        var _cartesianChartRef_current_chartContainer;
-        return {
-            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null,
-            toImage: (opts)=>{
-                var _cartesianChartRef_current, _legendsRef_current;
-                return (0, _imageexportutils.toImage)((_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _isRTL, opts);
-            }
-        };
-    }, []);
     const _xAxisType = props.data.scatterChartData && props.data.scatterChartData.length > 0 && props.data.scatterChartData[0].data && props.data.scatterChartData[0].data.length > 0 ? (0, _index1.getTypeOfAxis)(props.data.scatterChartData[0].data[0].x, true) : _index1.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' ? _index1.YAxisType.StringAxis : _index1.YAxisType.NumericAxis : _index1.YAxisType.NumericAxis;
     const pointsRef = _react.useRef([]);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const calloutPointsRef = _react.useRef({});
     _react.useEffect(()=>{
         /** note that height and width are not used to resize or set as dimesions of the chart,
@@ -133,7 +119,6 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         }
     }
     function _getNumericMinMaxOfY(points, yAxisType) {
-        // eslint-disable-next-line @typescript-eslint/no-shadow
         const { startValue, endValue } = (0, _index1.findNumericMinMaxOfY)(points, yAxisType);
         const yPadding = (0, _index1.getDomainPaddingForMarkers)(startValue, endValue, props.yScaleType);
         return {
@@ -277,12 +262,20 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
         if (_xAxisType === _index1.XAxisTypes.StringAxis) {
             _xBandwidth = _xAxisScale.bandwidth() / 2;
         }
-        const maxMarkerSize = (0, _d3array.max)(_points, (point)=>{
+        var _d3Min;
+        const minMarkerSize = (_d3Min = (0, _d3array.min)(_points, (point)=>{
+            return (0, _d3array.min)(point.data, (item)=>{
+                return item.markerSize;
+            });
+        })) !== null && _d3Min !== void 0 ? _d3Min : 0;
+        var _d3Max;
+        const maxMarkerSize = (_d3Max = (0, _d3array.max)(_points, (point)=>{
             return (0, _d3array.max)(point.data, (item)=>{
                 return item.markerSize;
             });
-        });
-        const extraMaxPixels = _xAxisType !== _index1.XAxisTypes.StringAxis && _yAxisType !== _index1.YAxisType.StringAxis ? (0, _index1.getRangeForScatterMarkerSize)({
+        })) !== null && _d3Max !== void 0 ? _d3Max : 0;
+        const isContinuousXY = _xAxisType !== _index1.XAxisTypes.StringAxis && _yAxisType !== _index1.YAxisType.StringAxis;
+        const extraMaxPixels = isContinuousXY ? (0, _index1.getRangeForScatterMarkerSize)({
             data: _points,
             xScale: _xAxisScale,
             yScalePrimary: _yAxisScale,
@@ -308,7 +301,14 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 const pointMarkerSize = _points[i].data[j].markerSize;
                 const minPixel = 4;
                 const maxPixel = 16;
-                const circleRadius = pointMarkerSize && maxMarkerSize !== 0 ? _xAxisType !== _index1.XAxisTypes.StringAxis ? pointMarkerSize * extraMaxPixels / maxMarkerSize : minPixel + (pointMarkerSize - minPixel) / (maxMarkerSize - minPixel) * (maxPixel - minPixel) : activePoint === circleId ? 6 : 4;
+                let circleRadius = activePoint === circleId ? 6 : 4;
+                if (pointMarkerSize) {
+                    if (isContinuousXY && maxMarkerSize !== 0) {
+                        circleRadius = pointMarkerSize * extraMaxPixels / maxMarkerSize;
+                    } else if (!isContinuousXY && maxMarkerSize !== minMarkerSize) {
+                        circleRadius = minPixel + (pointMarkerSize - minMarkerSize) / (maxMarkerSize - minMarkerSize) * (maxPixel - minPixel);
+                    }
+                }
                 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;

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

@@ -1 +1 @@
-{"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  findNumericMinMaxOfY,\n  IDomainNRange,\n  YAxisType,\n  useRtl,\n  isTextMode,\n  isScatterPolarSeries,\n  isPlottable,\n  getRangeForScatterMarkerSize,\n  domainRangeOfDateForAreaLineScatterVerticalBarCharts,\n  domainRangeOfNumericForAreaLineScatterCharts,\n  sortAxisCategories,\n  findCalloutPoints,\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  YValueHover,\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 _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<YValueHover[]>([]);\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<Record<string, YValueHover[]>>({});\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  ) {\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 found = findCalloutPoints(calloutPointsRef.current, x) as CustomizedCalloutData | undefined;\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,\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 found = findCalloutPoints(calloutPointsRef.current, x) as CustomizedCalloutData | undefined;\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    calloutPointsRef.current = 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: 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","findNumericMinMaxOfY","YAxisType","useRtl","isTextMode","isScatterPolarSeries","isPlottable","getRangeForScatterMarkerSize","domainRangeOfDateForAreaLineScatterVerticalBarCharts","domainRangeOfNumericForAreaLineScatterCharts","sortAxisCategories","findCalloutPoints","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","_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","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","found","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","YValueHover","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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"}
+{"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, 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  getDomainPaddingForMarkers,\n  domainRangeOfXStringAxis,\n  findNumericMinMaxOfY,\n  IDomainNRange,\n  YAxisType,\n  isTextMode,\n  isScatterPolarSeries,\n  isPlottable,\n  getRangeForScatterMarkerSize,\n  domainRangeOfDateForAreaLineScatterVerticalBarCharts,\n  domainRangeOfNumericForAreaLineScatterCharts,\n  sortAxisCategories,\n  findCalloutPoints,\n} from '../../utilities/index';\nimport {\n  AccessibilityProps,\n  CartesianChart,\n  ChildProps,\n  CustomizedCalloutData,\n  Margins,\n  RefArrayData,\n  ScatterChartDataPoint,\n  ScatterChartPoints,\n  YValueHover,\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 { renderScatterPolarCategoryLabels } from '../../utilities/scatterpolar-utils';\nimport { formatDateToLocaleString } from '@fluentui/chart-utilities';\nimport { useImageExport } from '../../utilities/hooks';\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 _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, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n  const classes = useScatterChartStyles(props);\n\n  const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n  const [activeLegend, setActiveLegend] = React.useState<string>('');\n  const [yValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\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  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  const calloutPointsRef = React.useRef<Record<string, YValueHover[]>>({});\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    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  ) {\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 minMarkerSize =\n      d3Min(_points, (point: ScatterChartPoints) => {\n        return d3Min(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.markerSize as number;\n        });\n      }) ?? 0;\n    const maxMarkerSize =\n      d3Max(_points, (point: ScatterChartPoints) => {\n        return d3Max(point.data as ScatterChartDataPoint[], (item: ScatterChartDataPoint) => {\n          return item.markerSize as number;\n        });\n      }) ?? 0;\n    const isContinuousXY = _xAxisType !== XAxisTypes.StringAxis && _yAxisType !== YAxisType.StringAxis;\n    const extraMaxPixels = isContinuousXY\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        let circleRadius = activePoint === circleId ? 6 : 4;\n\n        if (pointMarkerSize) {\n          if (isContinuousXY && maxMarkerSize !== 0) {\n            circleRadius = (pointMarkerSize * extraMaxPixels) / maxMarkerSize;\n          } else if (!isContinuousXY && maxMarkerSize !== minMarkerSize) {\n            circleRadius =\n              minPixel + ((pointMarkerSize - minMarkerSize) / (maxMarkerSize - minMarkerSize)) * (maxPixel - minPixel);\n          }\n        }\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 found = findCalloutPoints(calloutPointsRef.current, x) as CustomizedCalloutData | undefined;\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,\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 found = findCalloutPoints(calloutPointsRef.current, x) as CustomizedCalloutData | undefined;\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    calloutPointsRef.current = 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: 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","min","d3Min","useId","areArraysEqual","createNumericYAxis","createStringYAxis","getDomainPaddingForMarkers","domainRangeOfXStringAxis","findNumericMinMaxOfY","YAxisType","isTextMode","isScatterPolarSeries","isPlottable","getRangeForScatterMarkerSize","domainRangeOfDateForAreaLineScatterVerticalBarCharts","domainRangeOfNumericForAreaLineScatterCharts","sortAxisCategories","findCalloutPoints","CartesianChart","tokens","calloutData","ChartTypes","XAxisTypes","tooltipOfAxislabels","getTypeOfAxis","getNextColor","getColorFromToken","renderScatterPolarCategoryLabels","formatDateToLocaleString","useImageExport","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_tooltipId","_firstRenderOptimization","_emptyChartId","_points","_injectIndexPropertyInScatterChartData","data","scatterChartData","_xAxisScale","_yAxisScale","_uniqueCallOutID","_refArray","margins","renderSeries","_xAxisLabels","xAxisCalloutAccessibilityData","_xBandwidth","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","classes","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","useRef","undefined","_isTextMode","_isScatterPolarRef","useEffect","current","_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","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","minMarkerSize","markerSize","maxMarkerSize","isContinuousXY","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","found","attr","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickFormat","legendBars","calloutProps","YValueHover","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-commonjs/components/Sparkline/Sparkline.js

@@ -10,13 +10,13 @@ Object.defineProperty(exports, "Sparkline", {
     }
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useSparklineStylesstyles = require("./useSparklineStyles.styles");
+const _reacttabster = require("@fluentui/react-tabster");
+const _d3array = require("d3-array");
 const _d3scale = require("d3-scale");
 const _d3shape = require("d3-shape");
-const _d3array = require("d3-array");
-const _reacttabster = require("@fluentui/react-tabster");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _index = require("../../utilities/index");
+const _useSparklineStylesstyles = require("./useSparklineStyles.styles");
 const Sparkline = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     let margin = {
         top: 2,
@@ -29,9 +29,13 @@ const Sparkline = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     let _emptyChartId = '_SparklineChart_empty';
     let _isRTL = (0, _index.useRtl)();
     const [points, setPoints] = _react.useState([]);
-    const width = 80;
-    const height = 20;
-    const valueTextWidth = 80;
+    var _props_width;
+    // Use props with default fallbacks instead of hardcoded values
+    const width = (_props_width = props.width) !== null && _props_width !== void 0 ? _props_width : 80;
+    var _props_height;
+    const height = (_props_height = props.height) !== null && _props_height !== void 0 ? _props_height : 20;
+    var _props_valueTextWidth;
+    const valueTextWidth = (_props_valueTextWidth = props.valueTextWidth) !== null && _props_valueTextWidth !== void 0 ? _props_valueTextWidth : 80;
     const line = _react.useMemo(()=>{
         return (0, _d3shape.line)().x((d)=>x(d.x)).y((d)=>y(d.y)).curve(_d3shape.curveLinear);
     }, [

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSparklineStyles } from './useSparklineStyles.styles';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport { max as d3Max, extent as d3Extent } from 'd3-array';\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { LineChartDataPoint } from '../../types/DataPoint';\nimport { useRtl } from '../../utilities/index';\nimport { SparklineProps } from '../../index';\n\n/**\n * Sparkline is the context wrapper and container for all Sparkline content/controls,\n * It has no direct style or slot opinions.\n *\n * Sparkline also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const Sparkline: React.FunctionComponent<SparklineProps> = React.forwardRef<HTMLDivElement, SparklineProps>(\n  (props, forwardedRef) => {\n    let margin = {\n      top: 2,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    };\n    let x: any;\n    let y: any;\n    let _emptyChartId: string = '_SparklineChart_empty';\n    let _isRTL: boolean = useRtl();\n    const [points, setPoints] = React.useState<LineChartDataPoint[]>([]);\n    const width = 80;\n    const height = 20;\n    const valueTextWidth = 80;\n\n    const line = React.useMemo(() => {\n      return d3Line<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [x, y]);\n\n    const area = React.useMemo(() => {\n      return d3Area<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y0(height)\n        .y1((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [height, x, y]);\n\n    React.useEffect(() => {\n      if (!_isChartEmpty()) {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const _points = props.data!.lineChartData![0].data;\n\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const [xMin, xMax] = d3Extent(_points, (d: any) => d.x);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        x = d3ScaleLinear()\n          .domain([xMin, xMax])\n          .range([margin.left!, width - margin.right!]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        y = d3ScaleLinear()\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          .domain([0, d3Max(_points, (d: any) => d.y)])\n          .range([height - margin.bottom!, margin.top!]);\n\n        setPoints(_points as LineChartDataPoint[]);\n      }\n    }, []);\n\n    const { data } = props;\n    function _isChartEmpty(): boolean {\n      return !(\n        data &&\n        data.lineChartData &&\n        data.lineChartData.length > 0 &&\n        data.lineChartData.filter(item => item.data.length === 0).length === 0\n      );\n    }\n    function drawSparkline() {\n      if (!line || !area) {\n        return null;\n      }\n      return (\n        <>\n          <path\n            className=\"line\"\n            d={line(points)!}\n            fill={'transparent'}\n            opacity={1}\n            strokeWidth={2}\n            stroke={data!.lineChartData![0].color!}\n          />\n          <path\n            className=\"area\"\n            d={area(points)!}\n            opacity={1}\n            fillOpacity={0.2}\n            fill={data!.lineChartData![0].color!}\n            role=\"img\"\n            aria-hidden\n          />\n        </>\n      );\n    }\n\n    const classes = useSparklineStyles(props);\n    const focusAttributes = useFocusableGroup();\n    return !_isChartEmpty() ? (\n      <div className={classes.inlineBlock} {...focusAttributes}>\n        {width >= 50 && height >= 16 ? (\n          <svg\n            width={width}\n            height={height}\n            aria-label={`Sparkline with label ${data!.lineChartData![0].legend!}`}\n            tabIndex={0}\n          >\n            {points ? drawSparkline() : null}\n          </svg>\n        ) : (\n          <></>\n        )}\n        {props.showLegend && props.data!.lineChartData![0].legend ? (\n          <svg width={valueTextWidth} height={height}>\n            <text x=\"0%\" textAnchor={_isRTL ? 'end' : 'start'} dx={8} y=\"100%\" dy={-5} className={classes.valueText}>\n              {props.data!.lineChartData![0].legend!}\n            </text>\n          </svg>\n        ) : (\n          <></>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nSparkline.displayName = 'Sparkline';\n"],"names":["React","useSparklineStyles","scaleLinear","d3ScaleLinear","area","d3Area","line","d3Line","curveLinear","d3curveLinear","max","d3Max","extent","d3Extent","useFocusableGroup","useRtl","Sparkline","forwardRef","props","forwardedRef","margin","top","right","bottom","left","x","y","_emptyChartId","_isRTL","points","setPoints","useState","width","height","valueTextWidth","useMemo","d","curve","y0","y1","useEffect","_isChartEmpty","_points","data","lineChartData","xMin","xMax","domain","range","length","filter","item","drawSparkline","path","className","fill","opacity","strokeWidth","stroke","color","fillOpacity","role","aria-hidden","classes","focusAttributes","div","inlineBlock","svg","aria-label","legend","tabIndex","showLegend","text","textAnchor","dx","dy","valueText","id","style","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/Sparkline/Sparkline.tsx"],"sourcesContent":["'use client';\n\nimport { useFocusableGroup } from '@fluentui/react-tabster';\nimport { extent as d3Extent, max as d3Max } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear } from 'd3-scale';\nimport { area as d3Area, line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport * as React from 'react';\nimport { SparklineProps } from '../../index';\nimport { LineChartDataPoint } from '../../types/DataPoint';\nimport { useRtl } from '../../utilities/index';\nimport { useSparklineStyles } from './useSparklineStyles.styles';\n\n/**\n * Sparkline is the context wrapper and container for all Sparkline content/controls,\n * It has no direct style or slot opinions.\n *\n * Sparkline also provides API interfaces for callbacks that will occur on navigation events.\n */\nexport const Sparkline: React.FunctionComponent<SparklineProps> = React.forwardRef<HTMLDivElement, SparklineProps>(\n  (props, forwardedRef) => {\n    let margin = {\n      top: 2,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    };\n    let x: any;\n    let y: any;\n    let _emptyChartId: string = '_SparklineChart_empty';\n    let _isRTL: boolean = useRtl();\n    const [points, setPoints] = React.useState<LineChartDataPoint[]>([]);\n\n    // Use props with default fallbacks instead of hardcoded values\n    const width = props.width ?? 80;\n    const height = props.height ?? 20;\n    const valueTextWidth = props.valueTextWidth ?? 80;\n\n    const line = React.useMemo(() => {\n      return d3Line<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [x, y]);\n\n    const area = React.useMemo(() => {\n      return d3Area<LineChartDataPoint>()\n        .x((d: LineChartDataPoint) => x(d.x))\n        .y0(height)\n        .y1((d: LineChartDataPoint) => y(d.y))\n        .curve(d3curveLinear);\n    }, [height, x, y]);\n\n    React.useEffect(() => {\n      if (!_isChartEmpty()) {\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        const _points = props.data!.lineChartData![0].data;\n\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const [xMin, xMax] = d3Extent(_points, (d: any) => d.x);\n\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        x = d3ScaleLinear()\n          .domain([xMin, xMax])\n          .range([margin.left!, width - margin.right!]);\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        y = d3ScaleLinear()\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          .domain([0, d3Max(_points, (d: any) => d.y)])\n          .range([height - margin.bottom!, margin.top!]);\n\n        setPoints(_points as LineChartDataPoint[]);\n      }\n    }, []);\n\n    const { data } = props;\n    function _isChartEmpty(): boolean {\n      return !(\n        data &&\n        data.lineChartData &&\n        data.lineChartData.length > 0 &&\n        data.lineChartData.filter(item => item.data.length === 0).length === 0\n      );\n    }\n    function drawSparkline() {\n      if (!line || !area) {\n        return null;\n      }\n      return (\n        <>\n          <path\n            className=\"line\"\n            d={line(points)!}\n            fill={'transparent'}\n            opacity={1}\n            strokeWidth={2}\n            stroke={data!.lineChartData![0].color!}\n          />\n          <path\n            className=\"area\"\n            d={area(points)!}\n            opacity={1}\n            fillOpacity={0.2}\n            fill={data!.lineChartData![0].color!}\n            role=\"img\"\n            aria-hidden\n          />\n        </>\n      );\n    }\n\n    const classes = useSparklineStyles(props);\n    const focusAttributes = useFocusableGroup();\n    return !_isChartEmpty() ? (\n      <div className={classes.inlineBlock} {...focusAttributes}>\n        {width >= 50 && height >= 16 ? (\n          <svg\n            width={width}\n            height={height}\n            aria-label={`Sparkline with label ${data!.lineChartData![0].legend!}`}\n            tabIndex={0}\n          >\n            {points ? drawSparkline() : null}\n          </svg>\n        ) : (\n          <></>\n        )}\n        {props.showLegend && props.data!.lineChartData![0].legend ? (\n          <svg width={valueTextWidth} height={height}>\n            <text x=\"0%\" textAnchor={_isRTL ? 'end' : 'start'} dx={8} y=\"100%\" dy={-5} className={classes.valueText}>\n              {props.data!.lineChartData![0].legend!}\n            </text>\n          </svg>\n        ) : (\n          <></>\n        )}\n      </div>\n    ) : (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  },\n);\nSparkline.displayName = 'Sparkline';\n"],"names":["useFocusableGroup","extent","d3Extent","max","d3Max","scaleLinear","d3ScaleLinear","area","d3Area","line","d3Line","curveLinear","d3curveLinear","React","useRtl","useSparklineStyles","Sparkline","forwardRef","props","forwardedRef","margin","top","right","bottom","left","x","y","_emptyChartId","_isRTL","points","setPoints","useState","width","height","valueTextWidth","useMemo","d","curve","y0","y1","useEffect","_isChartEmpty","_points","data","lineChartData","xMin","xMax","domain","range","length","filter","item","drawSparkline","path","className","fill","opacity","strokeWidth","stroke","color","fillOpacity","role","aria-hidden","classes","focusAttributes","div","inlineBlock","svg","aria-label","legend","tabIndex","showLegend","text","textAnchor","dx","dy","valueText","id","style","displayName"],"mappings":"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"}

package/lib-commonjs/components/VerticalBarChart/VerticalBarChart.js

@@ -20,7 +20,7 @@ const _reactutilities = require("@fluentui/react-utilities");
 const _reacttheme = require("@fluentui/react-theme");
 const _index = require("../../index");
 const _index1 = require("../../utilities/index");
-const _imageexportutils = require("../../utilities/image-export-utils");
+const _hooks = require("../../utilities/hooks");
 var CircleVisbility = /*#__PURE__*/ function(CircleVisbility) {
     CircleVisbility["show"] = "visibility";
     CircleVisbility["hide"] = "hidden";
@@ -55,8 +55,7 @@ const VerticalBarChart = /*#__PURE__*/ _react.forwardRef((_props, forwardedRef)=
     const _vbcBarId = (0, _reactutilities.useId)('_VBC_bar_');
     let _xAxisInnerPadding = 0;
     let _xAxisOuterPadding = 0;
-    const cartesianChartRef = _react.useRef(null);
-    const _legendsRef = _react.useRef(null);
+    const { cartesianChartRef, legendsRef: _legendsRef } = (0, _hooks.useImageExport)(props.componentRef, props.hideLegend);
     const [color, setColor] = _react.useState('');
     const [dataForHoverCard, setDataForHoverCard] = _react.useState(0);
     const [activeLegend, setActiveLegend] = _react.useState(undefined);
@@ -75,17 +74,6 @@ const VerticalBarChart = /*#__PURE__*/ _react.forwardRef((_props, forwardedRef)=
     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 prevPropsRef = _react.useRef(null);
-    _react.useImperativeHandle(props.componentRef, ()=>{
-        var _cartesianChartRef_current;
-        var _cartesianChartRef_current_chartContainer;
-        return {
-            chartContainer: (_cartesianChartRef_current_chartContainer = (_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer) !== null && _cartesianChartRef_current_chartContainer !== void 0 ? _cartesianChartRef_current_chartContainer : null,
-            toImage: (opts)=>{
-                var _cartesianChartRef_current, _legendsRef_current;
-                return (0, _imageexportutils.toImage)((_cartesianChartRef_current = cartesianChartRef.current) === null || _cartesianChartRef_current === void 0 ? void 0 : _cartesianChartRef_current.chartContainer, (_legendsRef_current = _legendsRef.current) === null || _legendsRef_current === void 0 ? void 0 : _legendsRef_current.toSVG, _useRtl, opts);
-            }
-        };
-    }, []);
     _react.useEffect(()=>{
         if (prevPropsRef.current) {
             var _prevProps_legendProps, _props_legendProps;