@fluentui/react-charts 9.3.8 → 9.3.9

package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js

@@ -27,7 +27,9 @@ const sankeyChartClassNames = {
     nodeTextContainer: 'fui-sc__nodeTextContainer',
     toolTip: 'fui-sc__toolTip',
     chartWrapper: 'fui-sc__chartWrapper',
-    chart: 'fui-sc__chart'
+    chart: 'fui-sc__chart',
+    chartTitle: 'fui-sc__chartTitle',
+    svgTooltip: 'fui-sc__svgTooltip'
 };
 const useStyles = (0, _react.makeStyles)({
     root: {
@@ -69,10 +71,17 @@ const useStyles = (0, _react.makeStyles)({
     },
     chart: {
         display: 'block'
+    },
+    chartTitle: (0, _index.getChartTitleStyles)(),
+    svgTooltip: {
+        fill: _reacttheme.tokens.colorNeutralBackground1,
+        [_index.HighContrastSelector]: {
+            fill: 'Canvas'
+        }
     }
 });
 const useSankeyChartStyles = (props)=>{
-    var _props_styles, _props_reflowProps, _props_styles1, _props_styles2;
+    var _props_styles, _props_reflowProps, _props_styles1, _props_styles2, _props_styles3, _props_styles4;
     const baseStyles = useStyles();
     return {
         root: (0, _react.mergeClasses)(sankeyChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
@@ -81,6 +90,8 @@ const useSankeyChartStyles = (props)=>{
         nodeTextContainer: (0, _react.mergeClasses)(sankeyChartClassNames.nodeTextContainer, baseStyles.nodeTextContainer /*, props.styles?.nodeTextContainer*/ ),
         toolTip: (0, _react.mergeClasses)(sankeyChartClassNames.toolTip, baseStyles.toolTip /*, props.styles?.toolTip*/ ),
         chartWrapper: (0, _react.mergeClasses)(sankeyChartClassNames.chartWrapper, ((_props_reflowProps = props.reflowProps) === null || _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapper : '', (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),
-        chart: (0, _react.mergeClasses)(sankeyChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart)
+        chart: (0, _react.mergeClasses)(sankeyChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),
+        chartTitle: (0, _react.mergeClasses)(sankeyChartClassNames.chartTitle, baseStyles.chartTitle, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chartTitle),
+        svgTooltip: (0, _react.mergeClasses)(sankeyChartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.svgTooltip)
     };
 };

package/lib-commonjs/components/SankeyChart/useSankeyChartStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SankeyChart/useSankeyChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SankeyChartProps, SankeyChartStyles } from './SankeyChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector } from '../../utilities/index';\nimport { getTooltipStyle } from '../../utilities/index';\n\nexport const sankeyChartClassNames: SlotClassNames<SankeyChartStyles> = {\n  root: 'fui-sc__root',\n  nodes: 'fui-sc__nodes',\n  links: 'fui-sc__links',\n  nodeTextContainer: 'fui-sc__nodeTextContainer',\n  toolTip: 'fui-sc__toolTip',\n  chartWrapper: 'fui-sc__chartWrapper',\n  chart: 'fui-sc__chart',\n};\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    textAlign: 'left',\n  },\n  links: {\n    fill: tokens.colorNeutralBackground1,\n    strokeWidth: '3px',\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  nodes: {\n    fill: '#F5F5F5',\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  toolTip: getTooltipStyle() as GriffelStyle,\n  nodeTextContainer: {\n    '& text': {\n      [HighContrastSelector]: {\n        fill: 'CanvasText',\n      },\n    },\n\n    marginTop: '4px',\n    marginLeft: '8px',\n    marginBottom: '4px',\n    marginRight: '8px',\n  },\n  chartWrapper: {\n    overflow: 'auto',\n  },\n  chart: {\n    display: 'block',\n  },\n});\n\nexport const useSankeyChartStyles = (props: SankeyChartProps): SankeyChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(sankeyChartClassNames.root, baseStyles.root, props.styles?.root),\n    nodes: mergeClasses(sankeyChartClassNames.nodes, baseStyles.nodes /*, props.styles?.nodes*/),\n    links: mergeClasses(sankeyChartClassNames.links, baseStyles.links /*, props.styles?.links*/),\n    nodeTextContainer: mergeClasses(\n      sankeyChartClassNames.nodeTextContainer,\n      baseStyles.nodeTextContainer /*, props.styles?.nodeTextContainer*/,\n    ),\n    toolTip: mergeClasses(sankeyChartClassNames.toolTip, baseStyles.toolTip /*, props.styles?.toolTip*/),\n    chartWrapper: mergeClasses(\n      sankeyChartClassNames.chartWrapper,\n      props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapper : '',\n      props.styles?.chartWrapper,\n    ),\n    chart: mergeClasses(sankeyChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","getTooltipStyle","sankeyChartClassNames","root","nodes","links","nodeTextContainer","toolTip","chartWrapper","chart","useStyles","body1","display","width","height","flexDirection","overflow","textAlign","fill","colorNeutralBackground1","strokeWidth","marginTop","marginLeft","marginBottom","marginRight","useSankeyChartStyles","props","baseStyles","styles","reflowProps","mode"],"mappings":"AAAA;;;;;;;;;;;;IASaM,qBAAAA;;;wBAqDAuB;eAAAA;;;uBA5D0C,iBAAiB;4BAG/B,wBAAwB;uBAC5B,wBAAwB;AAGtD,8BAAiE;IACtEtB,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,mBAAmB;IACnBC,SAAS;IACTC,cAAc;IACdC,OAAO;AACT,EAAE;AACF,MAAMC,gBAAYd,iBAAAA,EAAW;IAC3BO,MAAM;QACJ,GAAGJ,4BAAAA,CAAiBY,KAAK;QACzBC,SAAS;QACTC,OAAO;QACPC,QAAQ;QACRC,eAAe;QACfC,UAAU;QACVC,WAAW;IACb;IACAZ,OAAO;QACLa,MAAMpB,kBAAAA,CAAOqB,uBAAuB;QACpCC,aAAa;QACb,CAACpB,2BAAAA,CAAqB,EAAE;YACtBkB,MAAM;QACR;IACF;IACAd,OAAO;QACLc,MAAM;QACN,CAAClB,2BAAAA,CAAqB,EAAE;YACtBkB,MAAM;QACR;IACF;IACAX,SAASN,0BAAAA;IACTK,mBAAmB;QACjB,UAAU;YACR,CAACN,2BAAAA,CAAqB,EAAE;gBACtBkB,MAAM;YACR;QACF;QAEAG,WAAW;QACXC,YAAY;QACZC,cAAc;QACdC,aAAa;IACf;IACAhB,cAAc;QACZQ,UAAU;IACZ;IACAP,OAAO;QACLG,SAAS;IACX;AACF;AAEO,6BAA6B,CAACc;QAI+BA,eAU9DA,oBACAA,gBAEiEA;IAhBrE,MAAMC,aAAajB;IAEnB,OAAO;QACLP,UAAMN,mBAAAA,EAAaK,sBAAsBC,IAAI,EAAEwB,WAAWxB,IAAI,EAAA,CAAEuB,gBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcvB,IAAI;QAClFC,WAAOP,mBAAAA,EAAaK,sBAAsBE,KAAK,EAAEuB,WAAWvB,KAAK,CAAC,uBAAuB;QACzFC,WAAOR,mBAAAA,EAAaK,sBAAsBG,KAAK,EAAEsB,WAAWtB,KAAK,CAAC,uBAAuB;QACzFC,uBAAmBT,mBAAAA,EACjBK,sBAAsBI,iBAAiB,EACvCqB,WAAWrB,iBAAiB,CAAC,mCAAmC;QAElEC,SAASV,uBAAAA,EAAaK,sBAAsBK,OAAO,EAAEoB,WAAWpB,OAAO,CAAC,yBAAyB;QACjGC,kBAAcX,mBAAAA,EACZK,sBAAsBM,YAAY,EAClCkB,CAAAA,CAAAA,qBAAAA,MAAMG,WAAAA,AAAW,MAAA,QAAjBH,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAmBI,IAAAA,AAAI,MAAK,cAAcH,WAAWnB,YAAY,GAAG,IAAA,CACpEkB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAclB,YAAY;QAE5BC,WAAOZ,mBAAAA,EAAaK,sBAAsBO,KAAK,EAAEkB,WAAWlB,KAAK,EAAA,CAAEiB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjB,KAAK;IACxF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/SankeyChart/useSankeyChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SankeyChartProps, SankeyChartStyles } from './SankeyChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector, getTooltipStyle, getChartTitleStyles } from '../../utilities/index';\n\nexport const sankeyChartClassNames: SlotClassNames<SankeyChartStyles> = {\n  root: 'fui-sc__root',\n  nodes: 'fui-sc__nodes',\n  links: 'fui-sc__links',\n  nodeTextContainer: 'fui-sc__nodeTextContainer',\n  toolTip: 'fui-sc__toolTip',\n  chartWrapper: 'fui-sc__chartWrapper',\n  chart: 'fui-sc__chart',\n  chartTitle: 'fui-sc__chartTitle',\n  svgTooltip: 'fui-sc__svgTooltip',\n};\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    textAlign: 'left',\n  },\n  links: {\n    fill: tokens.colorNeutralBackground1,\n    strokeWidth: '3px',\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  nodes: {\n    fill: '#F5F5F5',\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  toolTip: getTooltipStyle() as GriffelStyle,\n  nodeTextContainer: {\n    '& text': {\n      [HighContrastSelector]: {\n        fill: 'CanvasText',\n      },\n    },\n\n    marginTop: '4px',\n    marginLeft: '8px',\n    marginBottom: '4px',\n    marginRight: '8px',\n  },\n  chartWrapper: {\n    overflow: 'auto',\n  },\n  chart: {\n    display: 'block',\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n});\n\nexport const useSankeyChartStyles = (props: SankeyChartProps): SankeyChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(sankeyChartClassNames.root, baseStyles.root, props.styles?.root),\n    nodes: mergeClasses(sankeyChartClassNames.nodes, baseStyles.nodes /*, props.styles?.nodes*/),\n    links: mergeClasses(sankeyChartClassNames.links, baseStyles.links /*, props.styles?.links*/),\n    nodeTextContainer: mergeClasses(\n      sankeyChartClassNames.nodeTextContainer,\n      baseStyles.nodeTextContainer /*, props.styles?.nodeTextContainer*/,\n    ),\n    toolTip: mergeClasses(sankeyChartClassNames.toolTip, baseStyles.toolTip /*, props.styles?.toolTip*/),\n    chartWrapper: mergeClasses(\n      sankeyChartClassNames.chartWrapper,\n      props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapper : '',\n      props.styles?.chartWrapper,\n    ),\n    chart: mergeClasses(sankeyChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n    chartTitle: mergeClasses(sankeyChartClassNames.chartTitle, baseStyles.chartTitle, props.styles?.chartTitle),\n    svgTooltip: mergeClasses(sankeyChartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","HighContrastSelector","getTooltipStyle","getChartTitleStyles","sankeyChartClassNames","root","nodes","links","nodeTextContainer","toolTip","chartWrapper","chart","chartTitle","svgTooltip","useStyles","body1","display","width","height","flexDirection","overflow","textAlign","fill","colorNeutralBackground1","strokeWidth","marginTop","marginLeft","marginBottom","marginRight","useSankeyChartStyles","props","baseStyles","styles","reflowProps","mode"],"mappings":"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"}

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

@@ -280,11 +280,7 @@ const ScatterChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
             xScale: _xAxisScale,
             yScalePrimary: _yAxisScale,
             xScaleType: props.xScaleType,
-            yScaleType: props.yScaleType,
-            xMinValue: props.xMinValue,
-            xMaxValue: props.xMaxValue,
-            yMinValue: props.yMinValue,
-            yMaxValue: props.yMaxValue
+            yScaleType: props.yScaleType
         }) : 0;
         for(let i = _points.length - 1; i >= 0; i--){
             const pointsForSeries = [];

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, 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  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 _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 [dataPointCalloutProps, setDataPointCalloutProps] = 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        props.xMinValue,\n        props.xMaxValue,\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          xMinValue: props.xMinValue,\n          xMaxValue: props.xMaxValue,\n          yMinValue: props.yMinValue,\n          yMaxValue: props.yMaxValue,\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    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          setDataPointCalloutProps(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        setDataPointCalloutProps(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  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerStack\n      ? props.onRenderCalloutPerStack(stackCalloutProps)\n      : props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n      : null;\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    customCallout: {\n      customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n      customCalloutProps: props.calloutPropsPerDataPoint\n        ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n        : undefined,\n    },\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","getTypeOfAxis","getNextColor","getColorFromToken","renderScatterPolarCategoryLabels","formatDateToLocaleString","useImageExport","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_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","dataPointCalloutProps","setDataPointCalloutProps","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","xMinValue","xMaxValue","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","yMinValue","yMaxValue","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","targetRect","target","getBoundingClientRect","left","top","formattedData","Date","culture","useUTC","found","attr","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickFormat","legendBars","calloutProps","YValueHover","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","xAxisLabels","dp","flat","_yAxisLabels","chartTitle","getmargins","getGraphData","stringDatasetForYAxisDomain","getMinMaxOfYAxis","getDomainNRangeValues","createYAxis","onChartMouseLeave","enableFirstRenderOptimization","datasetForXAxisDomain","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  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 _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 [dataPointCalloutProps, setDataPointCalloutProps] = 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        props.xMinValue,\n        props.xMaxValue,\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    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          setDataPointCalloutProps(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        setDataPointCalloutProps(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  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerStack\n      ? props.onRenderCalloutPerStack(stackCalloutProps)\n      : props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n      : null;\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    customCallout: {\n      customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n      customCalloutProps: props.calloutPropsPerDataPoint\n        ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n        : undefined,\n    },\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","getTypeOfAxis","getNextColor","getColorFromToken","renderScatterPolarCategoryLabels","formatDateToLocaleString","useImageExport","ScatterChart","forwardRef","props","forwardedRef","_circleId","_seriesId","_verticalLine","_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","dataPointCalloutProps","setDataPointCalloutProps","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","xMinValue","xMaxValue","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","targetRect","target","getBoundingClientRect","left","top","formattedData","Date","culture","useUTC","found","attr","obj","values","lineHeight","mouseEvent","persist","clientX","clientY","func","onClick","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getHighlightedLegend","includes","seriesIndex","formattedDate","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickFormat","legendBars","calloutProps","YValueHover","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","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/VerticalStackedBarChart/VerticalStackedBarChart.js

@@ -16,6 +16,7 @@ const _useVerticalStackedBarChartStylesstyles = require("./useVerticalStackedBar
 const _d3scale = require("d3-scale");
 const _reactutilities = require("@fluentui/react-utilities");
 const _reacttheme = require("@fluentui/react-theme");
+const _reacttabster = require("@fluentui/react-tabster");
 const _index = require("../../index");
 const _index1 = require("../../utilities/index");
 const _chartutilities = require("@fluentui/chart-utilities");
@@ -34,6 +35,10 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
     const _isRtl = (0, _index1.useRtl)();
     const _createLegendsForLine = (data)=>_getLineLegends(data);
     const _emptyChartId = (0, _reactutilities.useId)('_VSBC_empty');
+    const _arrowNavigationAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'vertical',
+        circular: true
+    });
     let _points = [];
     let _dataset;
     let _xAxisLabels = [];
@@ -163,17 +168,14 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
             clientX = boundingRect.left + boundingRect.width / 2;
             clientY = boundingRect.top + boundingRect.height / 2;
         }
-        if (_getHighlightedLegend().length === 1) {
-            if (_noLegendHighlighted() || _isLegendHighlighted(lineData.legend)) {
-                _updatePosition(clientX, clientY);
-                setPopoverOpen(true);
-                setXCalloutValue(`${lineData.xItem.xAxisPoint}`);
-                setYCalloutValue(`${lineData.yAxisCalloutData || lineData.data || lineData.y}`);
-                setActiveXAxisDataPoint(lineData.xItem.xAxisPoint);
-                setColor(lineData.color);
-            }
-        } else {
-            _onStackHoverFocus(lineData.xItem, event);
+        if (_noLegendHighlighted() || _isLegendHighlighted(lineData.legend)) {
+            _updatePosition(clientX, clientY);
+            setPopoverOpen(true);
+            setXCalloutValue(`${lineData.xItem.xAxisPoint}`);
+            setYCalloutValue(`${lineData.yAxisCalloutData || lineData.data || lineData.y}`);
+            setCalloutLegend(lineData.legend);
+            setActiveXAxisDataPoint(lineData.xItem.xAxisPoint);
+            setColor(lineData.color);
         }
     }
     function _onStackHoverFocus(stack, event) {
@@ -337,19 +339,9 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
         const _isHavingLines = props.data.some((item)=>item.lineData && item.lineData.length > 0);
         return props.onRenderCalloutPerStack ? props.onRenderCalloutPerStack(stackCalloutProps) : props.onRenderCalloutPerDataPoint && !_isHavingLines ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout) : null;
     }
-    function _toFocusWholeStack(_isHavingLines) {
+    function _toFocusWholeStack() {
         const { isCalloutForStack = false } = props;
-        let shouldFocusStackOnly = false;
-        if (_isHavingLines) {
-            if (_getHighlightedLegend().length === 1) {
-                shouldFocusStackOnly = false;
-            } else {
-                shouldFocusStackOnly = true;
-            }
-        } else {
-            shouldFocusStackOnly = isCalloutForStack;
-        }
-        return shouldFocusStackOnly;
+        return isCalloutForStack;
     }
     function _getDomainNRangeValues(points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues) {
         let domainNRangeValue;
@@ -455,8 +447,8 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
                 const circleRef = {
                     refElement: null
                 };
-                const noBarsAndLinesActive = circlePoint.xItem.chartData.filter((dataPoint)=>_noLegendHighlighted() || _isLegendHighlighted(dataPoint.legend)).length === 0;
                 const yScaleBandwidthTranslate = !circlePoint.useSecondaryYScale && _yAxisType === _index1.YAxisType.StringAxis ? yScalePrimary.bandwidth() / 2 : 0;
+                const shouldHighlight = _isLegendHighlighted(circlePoint.legend) || _noLegendHighlighted() ? true : false;
                 dots.push(/*#__PURE__*/ _react.createElement("circle", {
                     key: `${index}-${subIndex}-dot`,
                     cx: xScale(circlePoint.xItem.xAxisPoint),
@@ -474,13 +466,11 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
                     ref: (e)=>{
                         circleRef.refElement = e;
                     },
-                    ...noBarsAndLinesActive ? {
-                        tabIndex: !props.hideTooltip ? 0 : undefined,
-                        onFocus: (event)=>_lineFocus(event, circlePoint, circleRef),
-                        onBlur: _handleMouseOut,
-                        role: 'img',
-                        'aria-label': _getAriaLabel(circlePoint.xItem, circlePoint)
-                    } : {}
+                    tabIndex: !props.hideTooltip && shouldHighlight ? 0 : undefined,
+                    onFocus: (event)=>_lineFocus(event, circlePoint, circleRef),
+                    onBlur: _handleMouseOut,
+                    role: "img",
+                    "aria-label": _getAriaLabel(circlePoint.xItem, circlePoint, true)
                 }));
             });
         });
@@ -747,8 +737,7 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
     const classes = (0, _useVerticalStackedBarChartStylesstyles.useVerticalStackedBarChartStyles)(props);
     function _createBar(xBarScale, yBarScale, containerHeight, xElement) {
         const { barCornerRadius = 0, barMinimumHeight = 0 } = props;
-        const _isHavingLines = props.data.some((item)=>item.lineData && item.lineData.length > 0);
-        const shouldFocusWholeStack = _toFocusWholeStack(_isHavingLines);
+        const shouldFocusWholeStack = _toFocusWholeStack();
         if (_xAxisType === _index1.XAxisTypes.StringAxis) {
             _barWidth = (0, _index1.getBarWidth)(props.barWidth, props.maxBarWidth, xBarScale.bandwidth());
         }
@@ -878,8 +867,10 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
             if (!props.hideLabels && _yAxisType !== _index1.YAxisType.StringAxis) {
                 // Collect all bars with barLabel that match the legend filter
                 const barLabelsToDisplay = barsToDisplay.filter((point)=>point.barLabel && (_noLegendHighlighted() || _isLegendHighlighted(point.legend)));
-                if (barLabelsToDisplay.length > 0) {
-                    customBarLabel = barLabelsToDisplay[barLabelsToDisplay.length - 1].barLabel;
+                // For stacked bars, we want to show the total of the stack, not individual bar labels
+                // Only use customBarLabel if there's exactly one bar with a label in the stack
+                if (barLabelsToDisplay.length === 1) {
+                    customBarLabel = barLabelsToDisplay[0].barLabel;
                 }
                 if (_noLegendHighlighted()) {
                     showLabel = true;
@@ -1019,7 +1010,7 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
     if (!_isChartEmpty()) {
         _adjustProps();
         const _isHavingLines = props.data.some((item)=>item.lineData && item.lineData.length > 0);
-        const shouldFocusWholeStack = _toFocusWholeStack(_isHavingLines);
+        const shouldFocusWholeStack = _toFocusWholeStack();
         _dataset = _createDataSetLayer();
         const legendBars = _getLegendData(_points, _createLegendsForLine(props.data));
         const calloutProps = {
@@ -1033,7 +1024,7 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
             ...(0, _index1.getAccessibleDataObject)(callOutAccessibilityData),
             clickPosition: clickPosition,
             isPopoverOpen: isPopoverOpen,
-            isCalloutForStack: props.isCalloutForStack || _isHavingLines && (_noLegendHighlighted() || _getHighlightedLegend().length > 1),
+            isCalloutForStack: shouldFocusWholeStack,
             isCartesian: true,
             customCallout: {
                 customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout() : undefined,
@@ -1078,7 +1069,7 @@ const VerticalStackedBarChart = /*#__PURE__*/ _react.forwardRef((_props, forward
             ],
             getYDomainMargins: _getYDomainMargins,
             /* eslint-disable react/jsx-no-bind */ children: (props)=>{
-                return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("g", null, _bars), /*#__PURE__*/ _react.createElement("g", null, _isHavingLines && _createLines(props.xScale, props.yScalePrimary, props.containerHeight, props.containerWidth, props.yScaleSecondary)));
+                return /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("g", _arrowNavigationAttributes, _bars), /*#__PURE__*/ _react.createElement("g", null, _isHavingLines && _createLines(props.xScale, props.yScalePrimary, props.containerHeight, props.containerWidth, props.yScaleSecondary)));
             }
         });
     }