npm - @fluentui/react-charts - Versions diffs - 0.0.0-nightly-20251209-0407.1 → 0.0.0-nightly-20251211-0406.1 - Mend

@fluentui/react-charts 0.0.0-nightly-20251209-0407.1 → 0.0.0-nightly-20251211-0406.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/lib/components/GanttChart/GanttChart.js CHANGED Viewed

@@ -352,7 +352,7 @@ export const GanttChart = /*#__PURE__*/ React.forwardRef(({ useUTC = true, yAxis
                 key: index,
                 x: Math.min(rectStartX, rectEndX),
                 y: rectY,
-                width: Math.abs(rectEndX - rectStartX),
+                width: Math.max(Math.abs(rectEndX - rectStartX), 2),
                 height: _barHeight.current,
                 rx: props.roundCorners ? 3 : 0,
                 fill: props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { Margins, GanttChartDataPoint } from '../../types/DataPoint';\nimport { CartesianChart, ModifiedCartesianChartProps } from '../CommonComponents/index';\nimport { GanttChartProps } from './GanttChart.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ChartPopoverProps } from '../../index';\nimport {\n ChartTypes,\n YAxisType,\n XAxisTypes,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n MIN_DOMAIN_MARGIN,\n sortAxisCategories,\n calculateAppropriateBarWidth,\n getColorFromToken,\n getScalePadding,\n getDateFormatLevel,\n} from '../../utilities/index';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\nimport { useImageExport } from '../../utilities/hooks';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nconst DEFAULT_BAR_HEIGHT = 24;\nconst MIN_BAR_HEIGHT = 1;\n\nexport const GanttChart: React.FunctionComponent<GanttChartProps> = React.forwardRef<HTMLDivElement, GanttChartProps>(\n ({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef) => {\n const _barHeight = React.useRef<number>(DEFAULT_BAR_HEIGHT);\n const _margins = React.useRef<Margins>({});\n const _calloutAnchorPoint = React.useRef<GanttChartDataPoint \| null>(null);\n const _emptyChartId = useId('Gantt_empty');\n const _legendId = useId('gantt_legend');\n const _legendMap = React.useRef<Record<string, { id: string; startColor: string; endColor: string }>>({});\n const _prevProps = React.useRef<Partial<GanttChartProps>>({});\n\n const [calloutColor, setCalloutColor] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [calloutDataPoint, setCalloutDataPoint] = React.useState<GanttChartDataPoint>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n\n React.useEffect(() => {\n if (!areArraysEqual(_prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n _prevProps.current = props;\n }, [props]);\n\n const _points = React.useMemo(() => {\n _legendMap.current = {};\n let colorIndex = 0;\n\n return (\n props.data?.map(point => {\n const legend = `${point.legend}`;\n if (!_legendMap.current[legend]) {\n let startColor = point.color ? getColorFromToken(point.color) : getNextColor(colorIndex, 0);\n let endColor = startColor;\n\n if (props.enableGradient) {\n startColor = point.gradient?.[0]!;\n endColor = point.gradient?.[1]!;\n }\n\n _legendMap.current[legend] = { id: `${_legendId}_${colorIndex}`, startColor, endColor };\n colorIndex += 1;\n }\n\n const { startColor, endColor } = _legendMap.current[legend];\n return {\n ...point,\n color: startColor,\n ...(props.enableGradient ? { gradient: [startColor, endColor] as [string, string] } : {}),\n };\n }) ?? []\n );\n }, [props.data, props.enableGradient]);\n\n const _xAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].x.start, true) as XAxisTypes;\n }\n return XAxisTypes.DateAxis;\n }, [_points]);\n\n const _yAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].y, false) as YAxisType;\n }\n return YAxisType.StringAxis;\n }, [_points]);\n\n const _yAxisPadding = React.useMemo(() => {\n return getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n }, [props.yAxisPadding]);\n\n const _dateFormatOptions = React.useMemo(() => {\n if (_xAxisType !== XAxisTypes.DateAxis) {\n return undefined;\n }\n\n let lowestFormatLevel = 100;\n let highestFormatLevel = -1;\n _points.forEach(p => {\n const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC as boolean);\n const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC as boolean);\n lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n });\n\n return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n }, [useUTC, _points, _xAxisType]);\n\n const _mapYValueToXValues = React.useCallback(() => {\n const yValueToXValues: Record<string, number[]> = {};\n _points.forEach(point => {\n if (!yValueToXValues[point.y]) {\n yValueToXValues[point.y] = [];\n }\n yValueToXValues[point.y].push(+point.x.end - +point.x.start);\n });\n return yValueToXValues;\n }, [_points]);\n\n const _getOrderedYAxisLabels = React.useCallback(() => {\n const yValueToXValues = _mapYValueToXValues();\n\n if (_yAxisType !== YAxisType.StringAxis) {\n return Object.keys(yValueToXValues).sort((a, b) => +a - +b);\n }\n\n if (yAxisCategoryOrder === 'default') {\n return Object.keys(yValueToXValues).reverse();\n }\n return sortAxisCategories(yValueToXValues, yAxisCategoryOrder);\n }, [_mapYValueToXValues, _yAxisType, yAxisCategoryOrder]);\n\n const _yAxisLabels = React.useMemo(() => _getOrderedYAxisLabels(), [_getOrderedYAxisLabels]);\n\n const _getDomainNRangeValues = React.useCallback(\n (\n points: GanttChartDataPoint[],\n margins: Margins,\n containerWidth: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n ): IDomainNRange => {\n const xValues: (Date \| number)[] = [];\n points.forEach(point => {\n xValues.push(point.x.start, point.x.end);\n });\n\n const xMin = d3Min(xValues) \|\| 0;\n const xMax = d3Max(xValues) \|\| 0;\n\n return {\n dStartValue: isRTL ? xMax : xMin,\n dEndValue: isRTL ? xMin : xMax,\n rStartValue: margins.left!,\n rEndValue: containerWidth - margins.right!,\n };\n },\n [],\n );\n\n const _getMargins = React.useCallback((margins: Margins) => {\n _margins.current = margins;\n }, []);\n\n const _getFormattedXValue = React.useCallback(\n (point: GanttChartDataPoint): string => {\n let formattedStartX: string;\n let formattedEndX: string;\n\n if (_xAxisType === XAxisTypes.DateAxis) {\n formattedStartX = formatDateToLocaleString(\n point.x.start as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n formattedEndX = formatDateToLocaleString(\n point.x.end as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n } else {\n formattedStartX = point.x.start.toString();\n formattedEndX = point.x.end.toString();\n }\n\n return `${formattedStartX} - ${formattedEndX}`;\n },\n [props.culture, useUTC, _dateFormatOptions, _xAxisType],\n );\n\n const _getCustomizedCallout = React.useCallback(() => {\n const defaultRender = (point?: GanttChartDataPoint): JSXElement \| null => {\n return point ? (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n clickPosition={clickPosition}\n XValue={point.yAxisCalloutData \|\| point.y.toString()}\n legend={point.legend}\n YValue={point.xAxisCalloutData \|\| _getFormattedXValue(point)}\n color={point.color}\n culture={props.culture}\n />\n ) : null;\n };\n\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(calloutDataPoint, defaultRender)\n : null;\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_getFormattedXValue, calloutDataPoint, props.culture, props.onRenderCalloutPerDataPoint]);\n\n const _getAriaLabel = React.useCallback(\n (point: GanttChartDataPoint): string => {\n const xValue = point.xAxisCalloutData \|\| _getFormattedXValue(point);\n const yValue = point.yAxisCalloutData \|\| point.y;\n return (\n point.callOutAccessibilityData?.ariaLabel \|\|\n `${yValue}. ` + (point.legend ? `${point.legend}, ` : '') + `${xValue}.`\n );\n },\n [_getFormattedXValue],\n );\n\n const _getHighlightedLegend = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [hoveredLegend, selectedLegends]);\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 const _legendHighlighted = React.useCallback(\n (legend: string \| undefined) => {\n return _getHighlightedLegend().includes(`${legend}`);\n },\n [_getHighlightedLegend],\n );\n\n /\n This function checks if none of the legends is selected or hovered.\n /\n const _noLegendHighlighted = React.useCallback(() => {\n return _getHighlightedLegend().length === 0;\n }, [_getHighlightedLegend]);\n\n const _showCallout = React.useCallback(\n (target: React.MouseEvent<SVGElement> \| React.FocusEvent<SVGElement>, point: GanttChartDataPoint) => {\n if (!(_noLegendHighlighted() \|\| _legendHighlighted(point.legend)) \|\| _calloutAnchorPoint.current === point) {\n return;\n }\n if ('clientX' in target && 'clientY' in target) {\n updatePosition(target.clientX, target.clientY);\n } else {\n const rect = (target.target as SVGElement).getBoundingClientRect();\n updatePosition(rect.left, rect.top);\n }\n _calloutAnchorPoint.current = point;\n setPopoverOpen(true);\n setCalloutLegend(point.legend!);\n setCalloutColor(point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| _getFormattedXValue(point));\n setCalloutDataPoint(point);\n },\n [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n );\n\n const _onBarFocus = React.useCallback(\n (point: GanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n _showCallout(focusEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarHover = React.useCallback(\n (point: GanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n _showCallout(mouseEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarLeave = React.useCallback((): void => {\n // do nothing\n }, []);\n\n const _handleChartMouseLeave = React.useCallback((): void => {\n _calloutAnchorPoint.current = null;\n setPopoverOpen(false);\n setCalloutLegend('');\n setCalloutColor('');\n setXCalloutValue('');\n setYCalloutValue('');\n setCalloutDataPoint(undefined);\n }, []);\n\n const _getBarHeight = React.useCallback(\n (adjustedValue: number): number => {\n let barHeight: number;\n if (typeof props.barHeight === 'number') {\n barHeight = props.barHeight;\n } else {\n barHeight = adjustedValue;\n }\n if (typeof maxBarHeight === 'number') {\n barHeight = Math.min(barHeight, maxBarHeight);\n }\n barHeight = Math.max(barHeight, MIN_BAR_HEIGHT);\n return barHeight;\n },\n [maxBarHeight, props.barHeight],\n );\n\n const _getOrderedDataPoints = React.useCallback(() => {\n const result: GanttChartDataPoint[] = [];\n\n const yValueToPoints: Record<string, GanttChartDataPoint[]> = {};\n _points.forEach(point => {\n if (!yValueToPoints[point.y]) {\n yValueToPoints[point.y] = [];\n }\n yValueToPoints[point.y].push(point);\n });\n\n for (let i = _yAxisLabels.length - 1; i >= 0; i--) {\n const yValue = _yAxisLabels[i];\n if (yValueToPoints[yValue]) {\n result.push(...yValueToPoints[yValue].sort((a, b) => +a.x.start - +b.x.start));\n }\n }\n\n return result;\n }, [_points, _yAxisLabels]);\n\n const _createBars = React.useCallback(\n ({\n xScale,\n yScalePrimary: yScale,\n }: {\n xScale: DateScale \| NumberScale;\n yScalePrimary: NumberScale \| StringScale;\n }): JSXElement => {\n const getGradientId = (legend: string \| undefined) => {\n const legendId = _legendMap.current[`${legend}`].id;\n return `${legendId}_gradient`;\n };\n\n const gradientDefs: JSXElement[] = [];\n if (props.enableGradient) {\n Object.keys(_legendMap.current).forEach((legend: string, index: number) => {\n const { startColor, endColor } = _legendMap.current[legend];\n gradientDefs.push(\n <linearGradient key={index} id={getGradientId(legend)}>\n <stop offset=\"0\" stopColor={startColor} />\n <stop offset=\"100%\" stopColor={endColor} />\n </linearGradient>,\n );\n });\n }\n\n let scaleBandwidth = 0;\n if (_yAxisType === YAxisType.StringAxis) {\n scaleBandwidth = (yScale as StringScale).bandwidth();\n _barHeight.current = _getBarHeight(scaleBandwidth);\n }\n\n const points = _getOrderedDataPoints();\n const bars = points.map((point: GanttChartDataPoint, index: number) => {\n const rectStartX = xScale(point.x.start);\n const rectEndX = xScale(point.x.end);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const rectY = yScale(point.y as any)! + (scaleBandwidth - _barHeight.current) / 2;\n\n const shouldHighlight = _noLegendHighlighted() \|\| _legendHighlighted(point.legend);\n\n return (\n <rect\n key={index}\n x={Math.min(rectStartX, rectEndX)}\n y={rectY}\n width={Math.abs(rectEndX - rectStartX)}\n height={_barHeight.current}\n rx={props.roundCorners ? 3 : 0}\n fill={props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color}\n opacity={shouldHighlight ? 1 : 0.1}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement>) => _onBarHover(point, event)}\n onMouseLeave={_onBarLeave}\n onFocus={(event: React.FocusEvent<SVGElement>) => _onBarFocus(point, event)}\n onBlur={_onBarLeave}\n tabIndex={shouldHighlight ? 0 : -1}\n role=\"img\"\n aria-label={_getAriaLabel(point)}\n />\n );\n });\n return (\n <g>\n {gradientDefs.length > 0 ? <defs>{gradientDefs}</defs> : null}\n {bars}\n </g>\n );\n },\n [\n _getAriaLabel,\n _getBarHeight,\n _getOrderedDataPoints,\n _legendHighlighted,\n _noLegendHighlighted,\n _onBarFocus,\n _onBarHover,\n _onBarLeave,\n _yAxisType,\n props.enableGradient,\n props.roundCorners,\n ],\n );\n\n const _onLegendHover = React.useCallback((legend: string): void => {\n setHoveredLegend(legend);\n }, []);\n\n const _onLegendLeave = React.useCallback((): void => {\n setHoveredLegend('');\n }, []);\n\n const _onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend): void => {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(_selectedLegends);\n } else {\n setSelectedLegends(_selectedLegends.slice(-1));\n }\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(_selectedLegends, event, currentLegend);\n }\n },\n [props.legendProps],\n );\n\n const _getLegendData = React.useCallback((): JSXElement => {\n const actions: Legend[] = [];\n\n Object.keys(_legendMap.current).forEach((legendTitle: string) => {\n const legend: Legend = {\n title: legendTitle,\n color: _legendMap.current[legendTitle].startColor,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n\n actions.push(legend);\n });\n\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n onChange={_onLegendSelectionChange}\n {...props.legendProps}\n legendRef={_legendsRef}\n />\n );\n return legends;\n }, [\n _handleChartMouseLeave,\n _onLegendHover,\n _onLegendLeave,\n _onLegendSelectionChange,\n props.enabledLegendsWrapLines,\n props.legendProps,\n props.legendsOverflowText,\n ]);\n\n const _getChartTitle = React.useCallback((): string => {\n return (props.chartTitle ? `${props.chartTitle}. ` : '') + `Gantt chart with ${_points.length} data points. `;\n }, [_points.length, props.chartTitle]);\n\n const _isChartEmpty = React.useCallback((): boolean => {\n return _points.length === 0;\n }, [_points.length]);\n\n const _getYDomainMargins = React.useCallback(\n (containerHeight: number): Margins => {\n let domainMargin = MIN_DOMAIN_MARGIN;\n\n const ySet = new Set<string \| number>();\n _points.forEach((point: GanttChartDataPoint) => {\n ySet.add(point.y);\n });\n const uniqueY = Array.from(ySet);\n\n /* Total height available to render the bars */\n const totalHeight =\n containerHeight -\n (_margins.current.top! + MIN_DOMAIN_MARGIN) -\n (_margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n if (_yAxisType !== YAxisType.StringAxis) {\n _barHeight.current = _getBarHeight(\n calculateAppropriateBarWidth(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding),\n );\n domainMargin += _barHeight.current / 2;\n }\n\n return {\n ..._margins.current,\n top: _margins.current.top! + domainMargin,\n bottom: _margins.current.bottom! + domainMargin,\n };\n },\n [_getBarHeight, _points, _yAxisPadding, _yAxisType],\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 if (!_isChartEmpty()) {\n _barHeight.current = _getBarHeight(DEFAULT_BAR_HEIGHT);\n\n const calloutProps: ChartPopoverProps = {\n isPopoverOpen,\n clickPosition,\n color: calloutColor,\n legend: calloutLegend,\n XValue: xCalloutValue,\n YValue: yCalloutValue,\n ...props.calloutProps,\n };\n const tickParams: ModifiedCartesianChartProps['tickParams'] = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n return (\n <CartesianChart\n {...props}\n yAxisPadding={_yAxisPadding}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.GanttChart}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n componentRef={cartesianChartRef}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={_getLegendData()}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n getDomainNRangeValues={_getDomainNRangeValues}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n customizedCallout={_getCustomizedCallout()}\n getmargins={_getMargins}\n getYDomainMargins={_getYDomainMargins}\n onChartMouseLeave={_handleChartMouseLeave}\n useUTC={useUTC}\n children={_createBars}\n />\n );\n } else {\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n }\n },\n);\n\nGanttChart.displayName = 'GanttChart';\n"],"names":["React","max","d3Max","min","d3Min","useId","Legends","CartesianChart","ChartPopover","ChartTypes","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","MIN_DOMAIN_MARGIN","sortAxisCategories","calculateAppropriateBarWidth","getColorFromToken","getScalePadding","getDateFormatLevel","formatDateToLocaleString","getMultiLevelDateTimeFormatOptions","useImageExport","DEFAULT_BAR_HEIGHT","MIN_BAR_HEIGHT","GanttChart","forwardRef","useUTC","yAxisCategoryOrder","maxBarHeight","props","forwardedRef","_barHeight","useRef","_margins","_calloutAnchorPoint","_emptyChartId","_legendId","_legendMap","_prevProps","calloutColor","setCalloutColor","useState","hoveredLegend","setHoveredLegend","calloutLegend","setCalloutLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","calloutDataPoint","setCalloutDataPoint","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","current","_points","useMemo","colorIndex","data","map","point","legend","startColor","color","endColor","enableGradient","gradient","id","_xAxisType","length","start","DateAxis","_yAxisType","StringAxis","_yAxisPadding","yAxisPadding","undefined","_dateFormatOptions","lowestFormatLevel","highestFormatLevel","forEach","p","startFormatLevel","endFormatLevel","end","Math","_mapYValueToXValues","useCallback","yValueToXValues","push","_getOrderedYAxisLabels","Object","keys","sort","a","b","reverse","_yAxisLabels","_getDomainNRangeValues","points","margins","containerWidth","chartType","isRTL","xAxisType","barWidth","tickValues","xValues","xMin","xMax","dStartValue","dEndValue","rStartValue","left","rEndValue","right","_getMargins","_getFormattedXValue","formattedStartX","formattedEndX","culture","toString","_getCustomizedCallout","defaultRender","XValue","yAxisCalloutData","YValue","xAxisCalloutData","onRenderCalloutPerDataPoint","_getAriaLabel","xValue","yValue","callOutAccessibilityData","ariaLabel","_getHighlightedLegend","_legendHighlighted","includes","_noLegendHighlighted","_showCallout","target","updatePosition","clientX","clientY","rect","getBoundingClientRect","top","_onBarFocus","focusEvent","_onBarHover","mouseEvent","_onBarLeave","_handleChartMouseLeave","_getBarHeight","adjustedValue","barHeight","_getOrderedDataPoints","result","yValueToPoints","i","_createBars","xScale","yScalePrimary","yScale","getGradientId","legendId","gradientDefs","index","linearGradient","key","stop","offset","stopColor","scaleBandwidth","bandwidth","bars","rectStartX","rectEndX","rectY","shouldHighlight","width","abs","height","rx","roundCorners","fill","opacity","onClick","onMouseOver","event","onMouseLeave","onFocus","onBlur","tabIndex","role","aria-label","g","defs","_onLegendHover","_onLegendLeave","_onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_getChartTitle","chartTitle","_isChartEmpty","_getYDomainMargins","containerHeight","domainMargin","ySet","Set","add","uniqueY","Array","from","totalHeight","bottom","newX","newY","threshold","distance","sqrt","pow","calloutProps","tickParams","tickFormat","yAxisType","stringDatasetForYAxisDomain","legendBars","createYAxis","getDomainNRangeValues","createStringYAxis","getMinMaxOfYAxis","customizedCallout","getmargins","getYDomainMargins","onChartMouseLeave","children","div","style","displayName"],"mappings":"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"}
1	+ {"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { ScaleLinear, ScaleBand, ScaleTime } from 'd3-scale';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\nimport { Margins, GanttChartDataPoint } from '../../types/DataPoint';\nimport { CartesianChart, ModifiedCartesianChartProps } from '../CommonComponents/index';\nimport { GanttChartProps } from './GanttChart.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport { ChartPopoverProps } from '../../index';\nimport {\n ChartTypes,\n YAxisType,\n XAxisTypes,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n MIN_DOMAIN_MARGIN,\n sortAxisCategories,\n calculateAppropriateBarWidth,\n getColorFromToken,\n getScalePadding,\n getDateFormatLevel,\n} from '../../utilities/index';\nimport { formatDateToLocaleString, getMultiLevelDateTimeFormatOptions } from '@fluentui/chart-utilities';\nimport { useImageExport } from '../../utilities/hooks';\n\ntype NumberScale = ScaleLinear<number, number>;\ntype StringScale = ScaleBand<string>;\ntype DateScale = ScaleTime<Date, number>;\n\nconst DEFAULT_BAR_HEIGHT = 24;\nconst MIN_BAR_HEIGHT = 1;\n\nexport const GanttChart: React.FunctionComponent<GanttChartProps> = React.forwardRef<HTMLDivElement, GanttChartProps>(\n ({ useUTC = true, yAxisCategoryOrder = 'default', maxBarHeight = 24, ...props }, forwardedRef) => {\n const _barHeight = React.useRef<number>(DEFAULT_BAR_HEIGHT);\n const _margins = React.useRef<Margins>({});\n const _calloutAnchorPoint = React.useRef<GanttChartDataPoint \| null>(null);\n const _emptyChartId = useId('Gantt_empty');\n const _legendId = useId('gantt_legend');\n const _legendMap = React.useRef<Record<string, { id: string; startColor: string; endColor: string }>>({});\n const _prevProps = React.useRef<Partial<GanttChartProps>>({});\n\n const [calloutColor, setCalloutColor] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [calloutLegend, setCalloutLegend] = React.useState<string>('');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [calloutDataPoint, setCalloutDataPoint] = React.useState<GanttChartDataPoint>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const { cartesianChartRef, legendsRef: _legendsRef } = useImageExport(props.componentRef, props.hideLegend);\n\n React.useEffect(() => {\n if (!areArraysEqual(_prevProps.current.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n _prevProps.current = props;\n }, [props]);\n\n const _points = React.useMemo(() => {\n _legendMap.current = {};\n let colorIndex = 0;\n\n return (\n props.data?.map(point => {\n const legend = `${point.legend}`;\n if (!_legendMap.current[legend]) {\n let startColor = point.color ? getColorFromToken(point.color) : getNextColor(colorIndex, 0);\n let endColor = startColor;\n\n if (props.enableGradient) {\n startColor = point.gradient?.[0]!;\n endColor = point.gradient?.[1]!;\n }\n\n _legendMap.current[legend] = { id: `${_legendId}_${colorIndex}`, startColor, endColor };\n colorIndex += 1;\n }\n\n const { startColor, endColor } = _legendMap.current[legend];\n return {\n ...point,\n color: startColor,\n ...(props.enableGradient ? { gradient: [startColor, endColor] as [string, string] } : {}),\n };\n }) ?? []\n );\n }, [props.data, props.enableGradient]);\n\n const _xAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].x.start, true) as XAxisTypes;\n }\n return XAxisTypes.DateAxis;\n }, [_points]);\n\n const _yAxisType = React.useMemo(() => {\n if (_points.length > 0) {\n return getTypeOfAxis(_points[0].y, false) as YAxisType;\n }\n return YAxisType.StringAxis;\n }, [_points]);\n\n const _yAxisPadding = React.useMemo(() => {\n return getScalePadding(props.yAxisPadding, undefined, 1 / 2);\n }, [props.yAxisPadding]);\n\n const _dateFormatOptions = React.useMemo(() => {\n if (_xAxisType !== XAxisTypes.DateAxis) {\n return undefined;\n }\n\n let lowestFormatLevel = 100;\n let highestFormatLevel = -1;\n _points.forEach(p => {\n const startFormatLevel = getDateFormatLevel(p.x.start as Date, useUTC as boolean);\n const endFormatLevel = getDateFormatLevel(p.x.end as Date, useUTC as boolean);\n lowestFormatLevel = Math.min(lowestFormatLevel, startFormatLevel, endFormatLevel);\n highestFormatLevel = Math.max(highestFormatLevel, startFormatLevel, endFormatLevel);\n });\n\n return getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n }, [useUTC, _points, _xAxisType]);\n\n const _mapYValueToXValues = React.useCallback(() => {\n const yValueToXValues: Record<string, number[]> = {};\n _points.forEach(point => {\n if (!yValueToXValues[point.y]) {\n yValueToXValues[point.y] = [];\n }\n yValueToXValues[point.y].push(+point.x.end - +point.x.start);\n });\n return yValueToXValues;\n }, [_points]);\n\n const _getOrderedYAxisLabels = React.useCallback(() => {\n const yValueToXValues = _mapYValueToXValues();\n\n if (_yAxisType !== YAxisType.StringAxis) {\n return Object.keys(yValueToXValues).sort((a, b) => +a - +b);\n }\n\n if (yAxisCategoryOrder === 'default') {\n return Object.keys(yValueToXValues).reverse();\n }\n return sortAxisCategories(yValueToXValues, yAxisCategoryOrder);\n }, [_mapYValueToXValues, _yAxisType, yAxisCategoryOrder]);\n\n const _yAxisLabels = React.useMemo(() => _getOrderedYAxisLabels(), [_getOrderedYAxisLabels]);\n\n const _getDomainNRangeValues = React.useCallback(\n (\n points: GanttChartDataPoint[],\n margins: Margins,\n containerWidth: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n ): IDomainNRange => {\n const xValues: (Date \| number)[] = [];\n points.forEach(point => {\n xValues.push(point.x.start, point.x.end);\n });\n\n const xMin = d3Min(xValues) \|\| 0;\n const xMax = d3Max(xValues) \|\| 0;\n\n return {\n dStartValue: isRTL ? xMax : xMin,\n dEndValue: isRTL ? xMin : xMax,\n rStartValue: margins.left!,\n rEndValue: containerWidth - margins.right!,\n };\n },\n [],\n );\n\n const _getMargins = React.useCallback((margins: Margins) => {\n _margins.current = margins;\n }, []);\n\n const _getFormattedXValue = React.useCallback(\n (point: GanttChartDataPoint): string => {\n let formattedStartX: string;\n let formattedEndX: string;\n\n if (_xAxisType === XAxisTypes.DateAxis) {\n formattedStartX = formatDateToLocaleString(\n point.x.start as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n formattedEndX = formatDateToLocaleString(\n point.x.end as Date,\n props.culture,\n useUTC as boolean,\n false,\n _dateFormatOptions,\n );\n } else {\n formattedStartX = point.x.start.toString();\n formattedEndX = point.x.end.toString();\n }\n\n return `${formattedStartX} - ${formattedEndX}`;\n },\n [props.culture, useUTC, _dateFormatOptions, _xAxisType],\n );\n\n const _getCustomizedCallout = React.useCallback(() => {\n const defaultRender = (point?: GanttChartDataPoint): JSXElement \| null => {\n return point ? (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n clickPosition={clickPosition}\n XValue={point.yAxisCalloutData \|\| point.y.toString()}\n legend={point.legend}\n YValue={point.xAxisCalloutData \|\| _getFormattedXValue(point)}\n color={point.color}\n culture={props.culture}\n />\n ) : null;\n };\n\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(calloutDataPoint, defaultRender)\n : null;\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [_getFormattedXValue, calloutDataPoint, props.culture, props.onRenderCalloutPerDataPoint]);\n\n const _getAriaLabel = React.useCallback(\n (point: GanttChartDataPoint): string => {\n const xValue = point.xAxisCalloutData \|\| _getFormattedXValue(point);\n const yValue = point.yAxisCalloutData \|\| point.y;\n return (\n point.callOutAccessibilityData?.ariaLabel \|\|\n `${yValue}. ` + (point.legend ? `${point.legend}, ` : '') + `${xValue}.`\n );\n },\n [_getFormattedXValue],\n );\n\n const _getHighlightedLegend = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [hoveredLegend, selectedLegends]);\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 const _legendHighlighted = React.useCallback(\n (legend: string \| undefined) => {\n return _getHighlightedLegend().includes(`${legend}`);\n },\n [_getHighlightedLegend],\n );\n\n /\n This function checks if none of the legends is selected or hovered.\n /\n const _noLegendHighlighted = React.useCallback(() => {\n return _getHighlightedLegend().length === 0;\n }, [_getHighlightedLegend]);\n\n const _showCallout = React.useCallback(\n (target: React.MouseEvent<SVGElement> \| React.FocusEvent<SVGElement>, point: GanttChartDataPoint) => {\n if (!(_noLegendHighlighted() \|\| _legendHighlighted(point.legend)) \|\| _calloutAnchorPoint.current === point) {\n return;\n }\n if ('clientX' in target && 'clientY' in target) {\n updatePosition(target.clientX, target.clientY);\n } else {\n const rect = (target.target as SVGElement).getBoundingClientRect();\n updatePosition(rect.left, rect.top);\n }\n _calloutAnchorPoint.current = point;\n setPopoverOpen(true);\n setCalloutLegend(point.legend!);\n setCalloutColor(point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| _getFormattedXValue(point));\n setCalloutDataPoint(point);\n },\n [_getFormattedXValue, _legendHighlighted, _noLegendHighlighted],\n );\n\n const _onBarFocus = React.useCallback(\n (point: GanttChartDataPoint, focusEvent: React.FocusEvent<SVGElement>): void => {\n _showCallout(focusEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarHover = React.useCallback(\n (point: GanttChartDataPoint, mouseEvent: React.MouseEvent<SVGElement>): void => {\n _showCallout(mouseEvent, point);\n },\n [_showCallout],\n );\n\n const _onBarLeave = React.useCallback((): void => {\n // do nothing\n }, []);\n\n const _handleChartMouseLeave = React.useCallback((): void => {\n _calloutAnchorPoint.current = null;\n setPopoverOpen(false);\n setCalloutLegend('');\n setCalloutColor('');\n setXCalloutValue('');\n setYCalloutValue('');\n setCalloutDataPoint(undefined);\n }, []);\n\n const _getBarHeight = React.useCallback(\n (adjustedValue: number): number => {\n let barHeight: number;\n if (typeof props.barHeight === 'number') {\n barHeight = props.barHeight;\n } else {\n barHeight = adjustedValue;\n }\n if (typeof maxBarHeight === 'number') {\n barHeight = Math.min(barHeight, maxBarHeight);\n }\n barHeight = Math.max(barHeight, MIN_BAR_HEIGHT);\n return barHeight;\n },\n [maxBarHeight, props.barHeight],\n );\n\n const _getOrderedDataPoints = React.useCallback(() => {\n const result: GanttChartDataPoint[] = [];\n\n const yValueToPoints: Record<string, GanttChartDataPoint[]> = {};\n _points.forEach(point => {\n if (!yValueToPoints[point.y]) {\n yValueToPoints[point.y] = [];\n }\n yValueToPoints[point.y].push(point);\n });\n\n for (let i = _yAxisLabels.length - 1; i >= 0; i--) {\n const yValue = _yAxisLabels[i];\n if (yValueToPoints[yValue]) {\n result.push(...yValueToPoints[yValue].sort((a, b) => +a.x.start - +b.x.start));\n }\n }\n\n return result;\n }, [_points, _yAxisLabels]);\n\n const _createBars = React.useCallback(\n ({\n xScale,\n yScalePrimary: yScale,\n }: {\n xScale: DateScale \| NumberScale;\n yScalePrimary: NumberScale \| StringScale;\n }): JSXElement => {\n const getGradientId = (legend: string \| undefined) => {\n const legendId = _legendMap.current[`${legend}`].id;\n return `${legendId}_gradient`;\n };\n\n const gradientDefs: JSXElement[] = [];\n if (props.enableGradient) {\n Object.keys(_legendMap.current).forEach((legend: string, index: number) => {\n const { startColor, endColor } = _legendMap.current[legend];\n gradientDefs.push(\n <linearGradient key={index} id={getGradientId(legend)}>\n <stop offset=\"0\" stopColor={startColor} />\n <stop offset=\"100%\" stopColor={endColor} />\n </linearGradient>,\n );\n });\n }\n\n let scaleBandwidth = 0;\n if (_yAxisType === YAxisType.StringAxis) {\n scaleBandwidth = (yScale as StringScale).bandwidth();\n _barHeight.current = _getBarHeight(scaleBandwidth);\n }\n\n const points = _getOrderedDataPoints();\n const bars = points.map((point: GanttChartDataPoint, index: number) => {\n const rectStartX = xScale(point.x.start);\n const rectEndX = xScale(point.x.end);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const rectY = yScale(point.y as any)! + (scaleBandwidth - _barHeight.current) / 2;\n\n const shouldHighlight = _noLegendHighlighted() \|\| _legendHighlighted(point.legend);\n\n return (\n <rect\n key={index}\n x={Math.min(rectStartX, rectEndX)}\n y={rectY}\n width={Math.max(Math.abs(rectEndX - rectStartX), 2)}\n height={_barHeight.current}\n rx={props.roundCorners ? 3 : 0}\n fill={props.enableGradient ? `url(#${getGradientId(point.legend)})` : point.color}\n opacity={shouldHighlight ? 1 : 0.1}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement>) => _onBarHover(point, event)}\n onMouseLeave={_onBarLeave}\n onFocus={(event: React.FocusEvent<SVGElement>) => _onBarFocus(point, event)}\n onBlur={_onBarLeave}\n tabIndex={shouldHighlight ? 0 : -1}\n role=\"img\"\n aria-label={_getAriaLabel(point)}\n />\n );\n });\n return (\n <g>\n {gradientDefs.length > 0 ? <defs>{gradientDefs}</defs> : null}\n {bars}\n </g>\n );\n },\n [\n _getAriaLabel,\n _getBarHeight,\n _getOrderedDataPoints,\n _legendHighlighted,\n _noLegendHighlighted,\n _onBarFocus,\n _onBarHover,\n _onBarLeave,\n _yAxisType,\n props.enableGradient,\n props.roundCorners,\n ],\n );\n\n const _onLegendHover = React.useCallback((legend: string): void => {\n setHoveredLegend(legend);\n }, []);\n\n const _onLegendLeave = React.useCallback((): void => {\n setHoveredLegend('');\n }, []);\n\n const _onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend): void => {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(_selectedLegends);\n } else {\n setSelectedLegends(_selectedLegends.slice(-1));\n }\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(_selectedLegends, event, currentLegend);\n }\n },\n [props.legendProps],\n );\n\n const _getLegendData = React.useCallback((): JSXElement => {\n const actions: Legend[] = [];\n\n Object.keys(_legendMap.current).forEach((legendTitle: string) => {\n const legend: Legend = {\n title: legendTitle,\n color: _legendMap.current[legendTitle].startColor,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n\n actions.push(legend);\n });\n\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n onChange={_onLegendSelectionChange}\n {...props.legendProps}\n legendRef={_legendsRef}\n />\n );\n return legends;\n }, [\n _handleChartMouseLeave,\n _onLegendHover,\n _onLegendLeave,\n _onLegendSelectionChange,\n props.enabledLegendsWrapLines,\n props.legendProps,\n props.legendsOverflowText,\n ]);\n\n const _getChartTitle = React.useCallback((): string => {\n return (props.chartTitle ? `${props.chartTitle}. ` : '') + `Gantt chart with ${_points.length} data points. `;\n }, [_points.length, props.chartTitle]);\n\n const _isChartEmpty = React.useCallback((): boolean => {\n return _points.length === 0;\n }, [_points.length]);\n\n const _getYDomainMargins = React.useCallback(\n (containerHeight: number): Margins => {\n let domainMargin = MIN_DOMAIN_MARGIN;\n\n const ySet = new Set<string \| number>();\n _points.forEach((point: GanttChartDataPoint) => {\n ySet.add(point.y);\n });\n const uniqueY = Array.from(ySet);\n\n /* Total height available to render the bars */\n const totalHeight =\n containerHeight -\n (_margins.current.top! + MIN_DOMAIN_MARGIN) -\n (_margins.current.bottom! + MIN_DOMAIN_MARGIN);\n\n if (_yAxisType !== YAxisType.StringAxis) {\n _barHeight.current = _getBarHeight(\n calculateAppropriateBarWidth(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding),\n );\n domainMargin += _barHeight.current / 2;\n }\n\n return {\n ..._margins.current,\n top: _margins.current.top! + domainMargin,\n bottom: _margins.current.bottom! + domainMargin,\n };\n },\n [_getBarHeight, _points, _yAxisPadding, _yAxisType],\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 if (!_isChartEmpty()) {\n _barHeight.current = _getBarHeight(DEFAULT_BAR_HEIGHT);\n\n const calloutProps: ChartPopoverProps = {\n isPopoverOpen,\n clickPosition,\n color: calloutColor,\n legend: calloutLegend,\n XValue: xCalloutValue,\n YValue: yCalloutValue,\n ...props.calloutProps,\n };\n const tickParams: ModifiedCartesianChartProps['tickParams'] = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n return (\n <CartesianChart\n {...props}\n yAxisPadding={_yAxisPadding}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.GanttChart}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n componentRef={cartesianChartRef}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={_getLegendData()}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n getDomainNRangeValues={_getDomainNRangeValues}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n customizedCallout={_getCustomizedCallout()}\n getmargins={_getMargins}\n getYDomainMargins={_getYDomainMargins}\n onChartMouseLeave={_handleChartMouseLeave}\n useUTC={useUTC}\n children={_createBars}\n />\n );\n } else {\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n }\n },\n);\n\nGanttChart.displayName = 'GanttChart';\n"],"names":["React","max","d3Max","min","d3Min","useId","Legends","CartesianChart","ChartPopover","ChartTypes","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","MIN_DOMAIN_MARGIN","sortAxisCategories","calculateAppropriateBarWidth","getColorFromToken","getScalePadding","getDateFormatLevel","formatDateToLocaleString","getMultiLevelDateTimeFormatOptions","useImageExport","DEFAULT_BAR_HEIGHT","MIN_BAR_HEIGHT","GanttChart","forwardRef","useUTC","yAxisCategoryOrder","maxBarHeight","props","forwardedRef","_barHeight","useRef","_margins","_calloutAnchorPoint","_emptyChartId","_legendId","_legendMap","_prevProps","calloutColor","setCalloutColor","useState","hoveredLegend","setHoveredLegend","calloutLegend","setCalloutLegend","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","selectedLegends","setSelectedLegends","legendProps","calloutDataPoint","setCalloutDataPoint","clickPosition","setClickPosition","x","y","isPopoverOpen","setPopoverOpen","cartesianChartRef","legendsRef","_legendsRef","componentRef","hideLegend","useEffect","current","_points","useMemo","colorIndex","data","map","point","legend","startColor","color","endColor","enableGradient","gradient","id","_xAxisType","length","start","DateAxis","_yAxisType","StringAxis","_yAxisPadding","yAxisPadding","undefined","_dateFormatOptions","lowestFormatLevel","highestFormatLevel","forEach","p","startFormatLevel","endFormatLevel","end","Math","_mapYValueToXValues","useCallback","yValueToXValues","push","_getOrderedYAxisLabels","Object","keys","sort","a","b","reverse","_yAxisLabels","_getDomainNRangeValues","points","margins","containerWidth","chartType","isRTL","xAxisType","barWidth","tickValues","xValues","xMin","xMax","dStartValue","dEndValue","rStartValue","left","rEndValue","right","_getMargins","_getFormattedXValue","formattedStartX","formattedEndX","culture","toString","_getCustomizedCallout","defaultRender","XValue","yAxisCalloutData","YValue","xAxisCalloutData","onRenderCalloutPerDataPoint","_getAriaLabel","xValue","yValue","callOutAccessibilityData","ariaLabel","_getHighlightedLegend","_legendHighlighted","includes","_noLegendHighlighted","_showCallout","target","updatePosition","clientX","clientY","rect","getBoundingClientRect","top","_onBarFocus","focusEvent","_onBarHover","mouseEvent","_onBarLeave","_handleChartMouseLeave","_getBarHeight","adjustedValue","barHeight","_getOrderedDataPoints","result","yValueToPoints","i","_createBars","xScale","yScalePrimary","yScale","getGradientId","legendId","gradientDefs","index","linearGradient","key","stop","offset","stopColor","scaleBandwidth","bandwidth","bars","rectStartX","rectEndX","rectY","shouldHighlight","width","abs","height","rx","roundCorners","fill","opacity","onClick","onMouseOver","event","onMouseLeave","onFocus","onBlur","tabIndex","role","aria-label","g","defs","_onLegendHover","_onLegendLeave","_onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","_getLegendData","actions","legendTitle","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","legendRef","_getChartTitle","chartTitle","_isChartEmpty","_getYDomainMargins","containerHeight","domainMargin","ySet","Set","add","uniqueY","Array","from","totalHeight","bottom","newX","newY","threshold","distance","sqrt","pow","calloutProps","tickParams","tickFormat","yAxisType","stringDatasetForYAxisDomain","legendBars","createYAxis","getDomainNRangeValues","createStringYAxis","getMinMaxOfYAxis","customizedCallout","getmargins","getYDomainMargins","onChartMouseLeave","children","div","style","displayName"],"mappings":"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"}

package/lib/components/LineChart/LineChart.js CHANGED Viewed

@@ -167,7 +167,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
     function _getDomainNRangeValues(points, margins, width, chartType, isRTL, xAxisType, barWidth, tickValues) {
         let domainNRangeValue;
         if (xAxisType === XAxisTypes.NumericAxis) {
-            domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(points, margins, width, isRTL, props.xScaleType, _hasMarkersMode);
+            domainNRangeValue = domainRangeOfNumericForAreaLineScatterCharts(points, margins, width, isRTL, props.xScaleType, _hasMarkersMode, props.xMinValue, props.xMaxValue);
         } else if (xAxisType === XAxisTypes.DateAxis) {
             domainNRangeValue = domainRangeOfDateForAreaLineScatterVerticalBarCharts(points, margins, width, isRTL, tickValues, chartType, barWidth, _hasMarkersMode);
         } else {
@@ -427,7 +427,11 @@ const PATH_MULTIPLY_SIZE = 2.5;
                 useSecondaryYScale,
                 xScaleType: props.xScaleType,
                 yScaleType: props.yScaleType,
-                secondaryYScaleType: props.secondaryYScaleType
+                secondaryYScaleType: props.secondaryYScaleType,
+                xMinValue: props.xMinValue,
+                xMaxValue: props.xMaxValue,
+                yMinValue: props.yMinValue,
+                yMaxValue: props.yMaxValue
             }) : 0;
             if (_points[i].data.length === 1) {
                 const { x: x1, y: y1, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[0];
@@ -460,7 +464,6 @@ const PATH_MULTIPLY_SIZE = 2.5;
                         stroke: activePoint === circleId ? lineColor : '',
                         role: "img",
                         "aria-label": (_points_i_data__text = _points[i].data[0].text) !== null && _points_i_data__text !== void 0 ? _points_i_data__text : _getAriaLabel(i, 0),
-                        "data-is-focusable": isLegendSelected,
                         ref: (e)=>{
                             _refCallback(e, circleId);
                         },
@@ -523,7 +526,6 @@ const PATH_MULTIPLY_SIZE = 2.5;
                         key: lineId,
                         d: line(lineData),
                         fill: "transparent",
-                        "data-is-focusable": true,
                         stroke: lineColor,
                         strokeWidth: strokeWidth,
                         strokeLinecap: (_points_i_lineOptions_strokeLinecap1 = (_points_i_lineOptions6 = _points[i].lineOptions) === null || _points_i_lineOptions6 === void 0 ? void 0 : _points_i_lineOptions6.strokeLinecap) !== null && _points_i_lineOptions_strokeLinecap1 !== void 0 ? _points_i_lineOptions_strokeLinecap1 : 'round',
@@ -543,7 +545,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                         key: lineId,
                         d: line(lineData),
                         fill: "transparent",
-                        "data-is-focusable": false,
+                        tabIndex: -1,
                         stroke: lineColor,
                         strokeWidth: strokeWidth,
                         strokeLinecap: (_points_i_lineOptions_strokeLinecap2 = (_points_i_lineOptions10 = _points[i].lineOptions) === null || _points_i_lineOptions10 === void 0 ? void 0 : _points_i_lineOptions10.strokeLinecap) !== null && _points_i_lineOptions_strokeLinecap2 !== void 0 ? _points_i_lineOptions_strokeLinecap2 : 'round',
@@ -560,6 +562,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                     cy: 0,
                     fill: tokens.colorNeutralBackground1,
                     strokeWidth: DEFAULT_LINE_STROKE_SIZE,
+                    tabIndex: isLegendSelected ? 0 : undefined,
                     stroke: lineColor,
                     visibility: 'hidden',
                     onMouseMove: (event)=>_onMouseOverLargeDataset(i, verticaLineHeight, event, yScale),
@@ -583,11 +586,13 @@ const PATH_MULTIPLY_SIZE = 2.5;
                                 cx: xPoint,
                                 cy: yPoint,
                                 fill: activePoint === _circleId ? tokens.colorNeutralBackground1 : perPointColor || ((_points_i = _points[i]) === null || _points_i === void 0 ? void 0 : _points_i.color) || lineColor,
+                                tabIndex: isLegendSelected ? 0 : undefined,
                                 stroke: perPointColor || lineColor,
                                 strokeWidth: 1,
                                 opacity: isLegendSelected ? 1 : 0.1,
-                                onMouseMove: _onMouseOverLargeDataset.bind(i, verticaLineHeight, yScale),
-                                onMouseOver: _onMouseOverLargeDataset.bind(i, verticaLineHeight, yScale),
+                                onMouseMove: (event)=>_onMouseOverLargeDataset(i, verticaLineHeight, event, yScale),
+                                onMouseOver: (event)=>_onMouseOverLargeDataset(i, verticaLineHeight, event, yScale),
+                                onFocus: (event)=>_onFocusLargeDataset(i, verticaLineHeight, event, yScale, k),
                                 onMouseOut: _handleMouseOut
                             }));
                         }
@@ -625,7 +630,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                             r: currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4,
                             cx: xPoint1,
                             cy: yPoint1,
-                            "data-is-focusable": isLegendSelected,
+                            tabIndex: isLegendSelected ? 0 : undefined,
                             onMouseOver: (event)=>_handleHover(x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                             onMouseMove: (event)=>_handleHover(x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                             onMouseOut: _handleMouseOut,
@@ -648,7 +653,6 @@ const PATH_MULTIPLY_SIZE = 2.5;
                             id: circleId,
                             key: circleId,
                             d: path,
-                            "data-is-focusable": isLegendSelected,
                             onMouseOver: (event)=>_handleHover(x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                             onMouseMove: (event)=>_handleHover(x1, y1, verticaLineHeight, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                             onMouseOut: _handleMouseOut,
@@ -687,7 +691,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
                                 r: currentMarkerSize ? currentMarkerSize * extraMaxPixels / maxMarkerSize : 4,
                                 cx: xPoint2,
                                 cy: yPoint2,
-                                "data-is-focusable": isLegendSelected,
+                                tabIndex: isLegendSelected ? 0 : undefined,
                                 onMouseOver: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                                 onMouseMove: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                                 onMouseOut: _handleMouseOut,
@@ -709,7 +713,6 @@ const PATH_MULTIPLY_SIZE = 2.5;
                                 id: lastCircleId,
                                 key: lastCircleId,
                                 d: path,
-                                "data-is-focusable": isLegendSelected,
                                 onMouseOver: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                                 onMouseMove: (event)=>_handleHover(x2, y2, verticaLineHeight, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData, event, yScale, legendVal, lineColor, targetElement),
                                 onMouseOut: _handleMouseOut,
@@ -937,6 +940,50 @@ const PATH_MULTIPLY_SIZE = 2.5;
             refElement: element
         });
     }
+    // Helper function to update highlight circle, vertical line, and callout for large datasets
+    const _updateLargeDatasetHighlightAndCallout = (linenumber, lineHeight, pointToHighlight, xAxisCalloutData, formattedDate, yScale)=>{
+        // Check if this point is plottable. If not, close the popover and return.
+        const xPoint = _xAxisScale(pointToHighlight.x);
+        const yPoint = yScale(pointToHighlight.y);
+        if (!isPlottable(xPoint, yPoint)) {
+            return;
+        }
+        const found = findCalloutPoints(calloutPointsRef.current, pointToHighlight.x);
+        const pointToHighlightUpdated = nearestCircleToHighlight === null || nearestCircleToHighlight !== null && pointToHighlight !== null && (nearestCircleToHighlight.x !== pointToHighlight.x || nearestCircleToHighlight.y !== pointToHighlight.y);
+        // if no points need to be called out then don't show vertical line and callout card
+        if (found && pointToHighlightUpdated) {
+            _uniqueCallOutID = `#${_staticHighlightCircle}_${linenumber}`;
+            d3Select(`#${_staticHighlightCircle}_${linenumber}`).attr('cx', `${xPoint}`).attr('cy', `${yPoint}`).attr('visibility', 'visibility');
+            d3Select(`#${_verticalLine}`).attr('transform', ()=>`translate(${xPoint}, ${yPoint})`).attr('visibility', 'visibility').attr('y2', `${lineHeight - 5 - yPoint}`);
+            const targetElement = document.getElementById(`${_staticHighlightCircle}_${linenumber}`);
+            const rect = targetElement.getBoundingClientRect();
+            setNearestCircleToHighlight(pointToHighlight);
+            updatePosition(rect.x, rect.y);
+            setStackCalloutProps(found);
+            setYValueHover(found.values);
+            setDataPointCalloutProps(found);
+            xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue(formattedDate);
+            setActivePoint('');
+        }
+        if (!found) {
+            setPopoverOpen(false);
+            setNearestCircleToHighlight(pointToHighlight);
+            setActivePoint('');
+        }
+    };
+    const _onFocusLargeDataset = (linenumber, lineHeight, focusEvent, yScale, pointIndex)=>{
+        focusEvent.persist();
+        const { data } = props;
+        const { lineChartData } = data;
+        // For focus events, we use the provided point index directly
+        const pointToHighlight = lineChartData[linenumber].data[pointIndex];
+        if (!pointToHighlight) {
+            return;
+        }
+        const { xAxisCalloutData } = pointToHighlight;
+        const formattedDate = pointToHighlight.x instanceof Date ? formatDateToLocaleString(pointToHighlight.x, props.culture, props.useUTC) : pointToHighlight.x;
+        _updateLargeDatasetHighlightAndCallout(linenumber, lineHeight, pointToHighlight, xAxisCalloutData, formattedDate, yScale);
+    };
     const _onMouseOverLargeDataset = (linenumber, lineHeight, mouseEvent, yScale)=>{
         mouseEvent.persist();
         const { data } = props;
@@ -981,35 +1028,8 @@ const PATH_MULTIPLY_SIZE = 2.5;
         }
         const { xAxisCalloutData } = lineChartData[linenumber].data[index];
         const formattedDate = xPointToHighlight instanceof Date ? formatDateToLocaleString(xPointToHighlight, props.culture, props.useUTC) : xPointToHighlight;
-        const found = findCalloutPoints(calloutPointsRef.current, xPointToHighlight);
         const pointToHighlight = lineChartData[linenumber].data[index];
-        // Check if this point is plottable. If not, close the popover and return.
-        const xPoint = _xAxisScale(pointToHighlight.x);
-        const yPoint = yScale(pointToHighlight.y);
-        if (!isPlottable(xPoint, yPoint)) {
-            return;
-        }
-        const pointToHighlightUpdated = nearestCircleToHighlight === null || nearestCircleToHighlight !== null && pointToHighlight !== null && (nearestCircleToHighlight.x !== pointToHighlight.x || nearestCircleToHighlight.y !== pointToHighlight.y);
-        // if no points need to be called out then don't show vertical line and callout card
-        if (found && pointToHighlightUpdated) {
-            _uniqueCallOutID = `#${_staticHighlightCircle}_${linenumber}`;
-            d3Select(`#${_staticHighlightCircle}_${linenumber}`).attr('cx', `${xPoint}`).attr('cy', `${yPoint}`).attr('visibility', 'visibility');
-            d3Select(`#${_verticalLine}`).attr('transform', ()=>`translate(${xPoint}, ${yPoint})`).attr('visibility', 'visibility').attr('y2', `${lineHeight - 5 - yPoint}`);
-            const targetElement = document.getElementById(`${_staticHighlightCircle}_${linenumber}`);
-            const rect = targetElement.getBoundingClientRect();
-            setNearestCircleToHighlight(pointToHighlight);
-            updatePosition(rect.x, rect.y);
-            setStackCalloutProps(found);
-            setYValueHover(found.values);
-            setDataPointCalloutProps(found);
-            xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue(formattedDate);
-            setActivePoint('');
-        }
-        if (!found) {
-            setPopoverOpen(false);
-            setNearestCircleToHighlight(pointToHighlight);
-            setActivePoint('');
-        }
+        _updateLargeDatasetHighlightAndCallout(linenumber, lineHeight, pointToHighlight, xAxisCalloutData, formattedDate, yScale);
     };
     function _handleFocus(event, lineId, x, xAxisCalloutData, circleId, targetElement, xAxisCalloutAccessibilityData) {
         _uniqueCallOutID = circleId;
@@ -1212,7 +1232,7 @@ const PATH_MULTIPLY_SIZE = 2.5;
         color: lineColor,
         XValue: hoverXValue,
         descriptionMessage: props.getCalloutDescriptionMessage && stackCalloutProps ? props.getCalloutDescriptionMessage(stackCalloutProps) : undefined,
-        'data-is-focusable': true,
+        tabIndex: 0,
         xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,
         ...props.calloutProps,
         isPopoverOpen: isPopoverOpen,