npm - @fluentui/react-charts - Versions diffs - 1.2.0 → 9.0.1 - Mend

@fluentui/react-charts 1.2.0 → 9.0.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 (364) hide show

package/lib/components/LineChart/LineChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["LineChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { LineChartProps } from './LineChart.types';\nimport { useLineChartStyles } from './useLineChartStyles.styles';\nimport { Axis as D3Axis } from 'd3-axis';\nimport { select as d3Select, pointer } from 'd3-selection';\nimport { bisector } from 'd3-array';\nimport { Legend, Legends } from '../Legends/index';\nimport { line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';\nimport { useId } from '@fluentui/react-utilities';\nimport { find } from '../../utilities/index';\nimport {\n AccessibilityProps,\n CartesianChart,\n ChildProps,\n LineChartPoints,\n CustomizedCalloutData,\n Margins,\n RefArrayData,\n ColorFillBarsProps,\n LineChartGap,\n LineChartDataPoint,\n Chart,\n} from '../../index';\nimport { EventsAnnotation } from './eventAnnotation/EventAnnotation';\nimport { tokens } from '@fluentui/react-theme';\nimport {\n calloutData,\n ChartTypes,\n getXAxisType,\n XAxisTypes,\n tooltipOfXAxislabels,\n Points,\n pointTypes,\n getMinMaxOfYAxis,\n getTypeOfAxis,\n getNextColor,\n getColorFromToken,\n useRtl,\n formatDate,\n} from '../../utilities/index';\n\ntype NumericAxis = D3Axis<number | { valueOf(): number }>;\nenum PointSize {\n hoverSize = 11,\n invisibleSize = 1,\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nconst DEFAULT_LINE_STROKE_SIZE = 4;\n// The given shape of a icon must be 2.5 times bigger than line width (known as stroke width)\nconst PATH_MULTIPLY_SIZE = 2.5;\n\n/**\n *\n * @param x units from origin\n * @param y units from origin\n * @param w is the legnth of the each side of a shape\n * @param index index to get the shape path\n */\nconst _getPointPath = (x: number, y: number, w: number, index: number): string => {\n const allPointPaths = [\n // circle path\n `M${x - w / 2} ${y}\n A${w / 2} ${w / 2} 0 1 0 ${x + w / 2} ${y}\n M${x - w / 2} ${y}\n A ${w / 2} ${w / 2} 0 1 1 ${x + w / 2} ${y}\n `,\n //square\n `M${x - w / 2} ${y - w / 2}\n L${x + w / 2} ${y - w / 2}\n L${x + w / 2} ${y + w / 2}\n L${x - w / 2} ${y + w / 2}\n Z`,\n //triangle\n `M${x - w / 2} ${y - 0.2886 * w}\n H ${x + w / 2}\n L${x} ${y + 0.5774 * w} Z`,\n //diamond\n `M${x} ${y - w / 2}\n L${x + w / 2} ${y}\n L${x} ${y + w / 2}\n L${x - w / 2} ${y}\n Z`,\n //pyramid\n `M${x} ${y - 0.5774 * w}\n L${x + w / 2} ${y + 0.2886 * w}\n L${x - w / 2} ${y + 0.2886 * w} Z`,\n //hexagon\n `M${x - 0.5 * w} ${y - 0.866 * w}\n L${x + 0.5 * w} ${y - 0.866 * w}\n L${x + w} ${y}\n L${x + 0.5 * w} ${y + 0.866 * w}\n L${x - 0.5 * w} ${y + 0.866 * w}\n L${x - w} ${y}\n Z`,\n //pentagon\n `M${x} ${y - 0.851 * w}\n L${x + 0.6884 * w} ${y - 0.2633 * w}\n L${x + 0.5001 * w} ${y + 0.6884 * w}\n L${x - 0.5001 * w} ${y + 0.6884 * w}\n L${x - 0.6884 * w} ${y - 0.2633 * w}\n Z`,\n //octagon\n `M${x - 0.5001 * w} ${y - 1.207 * w}\n L${x + 0.5001 * w} ${y - 1.207 * w}\n L${x + 1.207 * w} ${y - 0.5001 * w}\n L${x + 1.207 * w} ${y + 0.5001 * w}\n L${x + 0.5001 * w} ${y + 1.207 * w}\n L${x - 0.5001 * w} ${y + 1.207 * w}\n L${x - 1.207 * w} ${y + 0.5001 * w}\n L${x - 1.207 * w} ${y - 0.5001 * w}\n Z`,\n ];\n return allPointPaths[index];\n};\n\ntype LineChartDataWithIndex = LineChartPoints & { index: number };\n\n// Create a LineChart variant which uses these default styles and this styled subcomponent.\n/**\n * Linechart component\n * {@docCategory LineChart}\n */\nexport const LineChart: React.FunctionComponent<LineChartProps> = React.forwardRef<HTMLDivElement, LineChartProps>(\n (props, forwardedRef) => {\n let _points: LineChartDataWithIndex[] = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _calloutPoints: any[] = calloutData(_points) || [];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xAxisScale: any = '';\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _yAxisScale: any = '';\n let _circleId: string = useId('circle');\n let _lineId: string = useId('lineID');\n let _borderId: string = useId('borderID');\n let _verticalLine: string = useId('verticalLine');\n let _colorFillBarPatternId: string = useId('colorFillBarPattern');\n let _uniqueCallOutID: string | null = '';\n let _refArray: RefArrayData[] = [];\n let margins: Margins;\n let eventLabelHeight: number = 36;\n let lines: JSX.Element[];\n let _renderedColorFillBars: JSX.Element[];\n const _colorFillBars = React.useRef<ColorFillBarsProps[]>([]);\n let _tooltipId: string = useId('LineChartTooltipId_');\n let _rectId: string = useId('containerRectLD');\n let _staticHighlightCircle: string = useId('staticHighlightCircle');\n let _firstRenderOptimization = true;\n let _emptyChartId: string = useId('_LineChart_empty');\n const _colorFillBarId = useId('_colorFillBarId');\n const _isRTL: boolean = useRtl();\n let xAxisCalloutAccessibilityData: AccessibilityProps = {};\n const cartesianChartRef = React.useRef<Chart>(null);\n\n props.eventAnnotationProps &&\n props.eventAnnotationProps.labelHeight &&\n (eventLabelHeight = props.eventAnnotationProps.labelHeight);\n\n const [hoverXValue, setHoverXValue] = React.useState<string | number>('');\n const [activeLegend, setActiveLegend] = React.useState<string>('');\n const [YValueHover, setYValueHover] = React.useState<[]>([]);\n const [selectedLegend, setSelectedLegend] = React.useState<string>('');\n const [selectedLegendPoints, setSelectedLegendPoints] = React.useState<any[]>([]);\n const [selectedColorBarLegend, setSelectedColorBarLegend] = React.useState<any[]>([]);\n const [isSelectedLegend, setIsSelectedLegend] = React.useState<boolean>(false);\n const [activePoint, setActivePoint] = React.useState<string>('');\n const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<LineChartDataPoint | null>(null);\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n\n const pointsRef = React.useRef<LineChartDataWithIndex[] | []>([]);\n const calloutPointsRef = React.useRef<any[]>([]);\n React.useEffect(() => {\n /** note that height and width are not used to resize or set as dimesions of the chart,\n * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart\n */\n\n if (_points !== _injectIndexPropertyInLineChartData(props.data.lineChartData) || props.data !== _points) {\n pointsRef.current = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n calloutPointsRef.current = calloutData(pointsRef.current);\n }\n }, [props.height, props.width, props.data]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n }),\n [],\n );\n\n function _injectIndexPropertyInLineChartData(lineChartData?: LineChartPoints[]): LineChartDataWithIndex[] | [] {\n const { allowMultipleShapesForPoints = false } = props;\n return lineChartData\n ? lineChartData.map((item: LineChartPoints, 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: allowMultipleShapesForPoints ? 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 _getCustomizedCallout() {\n return props.onRenderCalloutPerStack\n ? props.onRenderCalloutPerStack(stackCalloutProps)\n : props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps)\n : null;\n }\n\n function _getMargins(_margins: Margins) {\n margins = _margins;\n }\n\n function _initializeLineChartData(\n xScale: NumericAxis,\n yScale: NumericAxis,\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement | null,\n ) {\n _xAxisScale = xScale;\n _yAxisScale = yScale;\n _renderedColorFillBars = props.colorFillBars ? _createColorFillBars(containerHeight) : [];\n lines = _createLines(xElement!, containerHeight!);\n }\n\n function _handleSingleLegendSelectionAction(lineChartItem: LineChartDataWithIndex | ColorFillBarsProps) {\n if (selectedLegend === lineChartItem.legend) {\n setSelectedLegend('');\n _handleLegendClick(lineChartItem, null);\n } else {\n setSelectedLegend(lineChartItem.legend);\n _handleLegendClick(lineChartItem, lineChartItem.legend);\n }\n }\n\n function _onHoverCardHide() {\n setSelectedLegendPoints([]);\n setSelectedColorBarLegend([]);\n setIsSelectedLegend(false);\n }\n\n function _handleLegendClick(\n lineChartItem: LineChartDataWithIndex | ColorFillBarsProps,\n selectedLegend: string | null | string[],\n ): void {\n if (lineChartItem.onLegendClick) {\n lineChartItem.onLegendClick(selectedLegend);\n }\n }\n\n function _createLegends(data: LineChartDataWithIndex[]): JSX.Element {\n const { legendProps, allowMultipleShapesForPoints = false } = props;\n const isLegendMultiSelectEnabled = !!(legendProps && !!legendProps.canSelectMultipleLegends);\n const legendDataItems = data.map((point: LineChartDataWithIndex) => {\n const color: string = point.color!;\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: point.legend!,\n color,\n action: () => {\n if (isLegendMultiSelectEnabled) {\n _handleMultipleLineLegendSelectionAction(point);\n } else {\n _handleSingleLegendSelectionAction(point);\n }\n },\n onMouseOutAction: () => {\n setActiveLegend('');\n },\n hoverAction: () => {\n _handleChartMouseLeave();\n setActiveLegend(point.legend);\n },\n ...(point.legendShape && {\n shape: point.legendShape,\n }),\n ...(allowMultipleShapesForPoints && {\n shape: Points[point.index % Object.keys(pointTypes).length] as Legend['shape'],\n }),\n };\n return legend;\n });\n\n const colorFillBarsLegendDataItems = props.colorFillBars\n ? props.colorFillBars.map((colorFillBar: ColorFillBarsProps, index: number) => {\n const title = colorFillBar.legend;\n const color = getColorFromToken(colorFillBar.color);\n const legend: Legend = {\n title,\n color,\n action: () => {\n if (isLegendMultiSelectEnabled) {\n _handleMultipleColorFillBarLegendSelectionAction(colorFillBar);\n } else {\n _handleSingleLegendSelectionAction(colorFillBar);\n }\n },\n onMouseOutAction: () => {\n setActiveLegend('');\n },\n hoverAction: () => {\n _handleChartMouseLeave();\n setActiveLegend(title);\n },\n opacity: _getColorFillBarOpacity(colorFillBar),\n stripePattern: colorFillBar.applyPattern,\n };\n return legend;\n })\n : [];\n\n return (\n <Legends\n legends={[...legendDataItems, ...colorFillBarsLegendDataItems]}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...(isLegendMultiSelectEnabled && { onLegendHoverCardLeave: _onHoverCardHide })}\n {...props.legendProps}\n />\n );\n }\n\n function _getBoxWidthOfShape(pointId: string, pointIndex: number, isLastPoint: boolean) {\n const { allowMultipleShapesForPoints = false, strokeWidth = DEFAULT_LINE_STROKE_SIZE } = props;\n if (allowMultipleShapesForPoints) {\n if (activePoint === pointId) {\n return PointSize.hoverSize;\n } else if (pointIndex === 1 || isLastPoint) {\n return strokeWidth * PATH_MULTIPLY_SIZE;\n } else {\n return PointSize.invisibleSize;\n }\n } else {\n if (activePoint === pointId) {\n return PointSize.hoverSize;\n } else {\n return PointSize.invisibleSize;\n }\n }\n }\n\n function _getPath(\n xPos: number,\n yPos: number,\n pointId: string,\n pointIndex: number,\n isLastPoint: boolean,\n pointOftheLine: number,\n ): string {\n const { allowMultipleShapesForPoints = false } = props;\n let w = _getBoxWidthOfShape(pointId, pointIndex, isLastPoint);\n const index: number = allowMultipleShapesForPoints ? pointOftheLine % Object.keys(pointTypes).length : 0;\n const widthRatio = pointTypes[index].widthRatio;\n w = widthRatio > 1 ? w / widthRatio : w;\n\n return _getPointPath(xPos, yPos, w, index);\n }\n function _getPointFill(lineColor: string, pointId: string, pointIndex: number, isLastPoint: boolean) {\n const { allowMultipleShapesForPoints = false } = props;\n if (allowMultipleShapesForPoints) {\n if (pointIndex === 1 || isLastPoint) {\n if (activePoint === pointId) {\n return tokens.colorNeutralBackground1;\n } else {\n return lineColor;\n }\n } else {\n if (activePoint === pointId) {\n return tokens.colorNeutralBackground1;\n } else {\n return lineColor;\n }\n }\n } else {\n if (activePoint === pointId) {\n return tokens.colorNeutralBackground1;\n } else {\n return lineColor;\n }\n }\n }\n\n function _createLines(xElement: SVGElement, containerHeight: number): JSX.Element[] {\n const lines: JSX.Element[] = [];\n if (isSelectedLegend) {\n _points = selectedLegendPoints;\n } else {\n _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n }\n for (let i = _points.length - 1; i >= 0; i--) {\n const linesForLine: JSX.Element[] = [];\n const bordersForLine: JSX.Element[] = [];\n const pointsForLine: JSX.Element[] = [];\n\n const legendVal: string = _points[i].legend;\n const lineColor: string = _points[i].color!;\n const verticaLineHeight = containerHeight - margins.bottom! + 6;\n if (_points[i].data.length === 1) {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { x: x1, y: y1, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[0];\n const circleId = `${_circleId}_${i}`;\n const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n pointsForLine.push(\n <circle\n id={circleId}\n key={circleId}\n r={activePoint === circleId ? 5.5 : 3.5}\n cx={_xAxisScale(x1)}\n cy={_yAxisScale(y1)}\n fill={activePoint === circleId ? tokens.colorNeutralBackground1 : lineColor}\n opacity={isLegendSelected ? 1 : 0.1}\n tabIndex={_points[i].legend !== '' ? 0 : undefined}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x1,\n y1,\n verticaLineHeight,\n xAxisCalloutData,\n circleId,\n xAxisCalloutAccessibilityData,\n event,\n )\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x1,\n y1,\n verticaLineHeight,\n xAxisCalloutData,\n circleId,\n xAxisCalloutAccessibilityData,\n event,\n )\n }\n onMouseOut={_handleMouseOut}\n strokeWidth={activePoint === circleId ? DEFAULT_LINE_STROKE_SIZE : 0}\n stroke={activePoint === circleId ? lineColor : ''}\n role=\"img\"\n aria-label={_getAriaLabel(i, 0)}\n data-is-focusable={isLegendSelected}\n ref={(e: SVGCircleElement | null) => {\n _refCallback(e!, circleId);\n }}\n onFocus={() => _handleFocus(circleId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)}\n onBlur={_handleMouseOut}\n {..._getClickHandler(_points[i].data[0].onDataPointClick)}\n />,\n );\n }\n\n let gapIndex = 0;\n const gaps = _points[i].gaps?.sort((a, b) => a.startIndex - b.startIndex) ?? [];\n\n // Use path rendering technique for larger datasets to optimize performance.\n if (props.optimizeLargeData && _points[i].data.length > 1) {\n const line = d3Line()\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .x((d: any) => _xAxisScale(d[0]))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .y((d: any) => _yAxisScale(d[1]))\n .curve(d3curveLinear);\n\n const lineId = `${_lineId}_${i}`;\n const borderId = `${_borderId}_${i}`;\n const strokeWidth = _points[i].lineOptions?.strokeWidth || props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;\n\n const isLegendSelected: boolean = _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n const lineData: [number, number][] = [];\n for (let k = 0; k < _points[i].data.length; k++) {\n lineData.push([\n _points[i].data[k].x instanceof Date\n ? (_points[i].data[k].x as Date).getTime()\n : (_points[i].data[k].x as number),\n _points[i].data[k].y,\n ]);\n }\n\n if (isLegendSelected) {\n const lineBorderWidth = _points[i].lineOptions?.lineBorderWidth\n ? Number.parseFloat(_points[i].lineOptions!.lineBorderWidth!.toString())\n : 0;\n if (lineBorderWidth > 0) {\n bordersForLine.push(\n <path\n id={borderId}\n key={borderId}\n d={line(lineData)!}\n fill=\"transparent\"\n strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n strokeWidth={Number.parseFloat(strokeWidth.toString()) + lineBorderWidth}\n stroke={_points[i].lineOptions?.lineBorderColor || tokens.colorNeutralBackground1}\n opacity={1}\n />,\n );\n }\n\n linesForLine.push(\n <path\n id={lineId}\n key={lineId}\n d={line(lineData)!}\n fill=\"transparent\"\n data-is-focusable={true}\n stroke={lineColor}\n strokeWidth={strokeWidth}\n strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n onMouseMove={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event)}\n onMouseOver={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event)}\n onMouseOut={_handleMouseOut}\n {..._getClickHandler(_points[i].onLineClick)}\n opacity={1}\n tabIndex={_points[i].legend !== '' ? 0 : undefined}\n />,\n );\n } else {\n linesForLine.push(\n <path\n id={lineId}\n key={lineId}\n d={line(lineData)!}\n fill=\"transparent\"\n data-is-focusable={false}\n stroke={lineColor}\n strokeWidth={strokeWidth}\n strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n opacity={0.1}\n />,\n );\n }\n\n pointsForLine.push(\n <circle\n id={`${_staticHighlightCircle}_${i}`}\n key={`${_staticHighlightCircle}_${i}`}\n r={5.5}\n cx={0}\n cy={0}\n fill={tokens.colorNeutralBackground1}\n strokeWidth={DEFAULT_LINE_STROKE_SIZE}\n stroke={lineColor}\n visibility={'hidden'}\n onMouseMove={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event)}\n onMouseOver={event => _onMouseOverLargeDataset.bind(i, verticaLineHeight, event)}\n onMouseOut={_handleMouseOut}\n />,\n );\n } else if (!props.optimizeLargeData) {\n for (let j = 1; j < _points[i].data.length; j++) {\n const gapResult = _checkInGap(j, gaps, gapIndex);\n const isInGap = gapResult.isInGap;\n gapIndex = gapResult.gapIndex;\n\n const lineId = `${_lineId}_${i}_${j}`;\n const borderId = `${_borderId}_${i}_${j}`;\n const circleId = `${_circleId}_${i}_${j}`;\n const { x: x1, y: y1, xAxisCalloutData, xAxisCalloutAccessibilityData } = _points[i].data[j - 1];\n const { x: x2, y: y2 } = _points[i].data[j];\n let path = _getPath(_xAxisScale(x1), _yAxisScale(y1), circleId, j, false, _points[i].index);\n const strokeWidth = _points[i].lineOptions?.strokeWidth || props.strokeWidth || DEFAULT_LINE_STROKE_SIZE;\n\n const isLegendSelected: boolean =\n _legendHighlighted(legendVal) || _noLegendHighlighted() || isSelectedLegend;\n\n const currentPointHidden = _points[i].hideNonActiveDots && activePoint !== circleId;\n pointsForLine.push(\n <path\n id={circleId}\n key={circleId}\n d={path}\n data-is-focusable={isLegendSelected}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x1,\n y1,\n verticaLineHeight,\n xAxisCalloutData,\n circleId,\n xAxisCalloutAccessibilityData,\n event,\n )\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x1,\n y1,\n verticaLineHeight,\n xAxisCalloutData,\n circleId,\n xAxisCalloutAccessibilityData,\n event,\n )\n }\n onMouseOut={_handleMouseOut}\n onFocus={() => _handleFocus(lineId, x1, xAxisCalloutData, circleId, xAxisCalloutAccessibilityData)}\n onBlur={_handleMouseOut}\n {..._getClickHandler(_points[i].data[j - 1].onDataPointClick)}\n opacity={isLegendSelected && !currentPointHidden ? 1 : 0.01}\n fill={_getPointFill(lineColor, circleId, j, false)}\n stroke={lineColor}\n strokeWidth={strokeWidth}\n role=\"img\"\n aria-label={_getAriaLabel(i, j - 1)}\n tabIndex={_points[i].legend !== '' ? 0 : undefined}\n />,\n );\n if (j + 1 === _points[i].data.length) {\n // If this is last point of the line segment.\n const lastCircleId = `${circleId}${j}L`;\n const hiddenHoverCircleId = `${circleId}${j}D`;\n const lastPointHidden = _points[i].hideNonActiveDots && activePoint !== lastCircleId;\n path = _getPath(_xAxisScale(x2), _yAxisScale(y2), lastCircleId, j, true, _points[i].index);\n const {\n xAxisCalloutData: lastCirlceXCallout,\n xAxisCalloutAccessibilityData: lastCirlceXCalloutAccessibilityData,\n } = _points[i].data[j];\n pointsForLine.push(\n <React.Fragment key={`${lastCircleId}_container`}>\n <path\n id={lastCircleId}\n key={lastCircleId}\n d={path}\n data-is-focusable={isLegendSelected}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x2,\n y2,\n verticaLineHeight,\n lastCirlceXCallout,\n lastCircleId,\n lastCirlceXCalloutAccessibilityData,\n event,\n )\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x2,\n y2,\n verticaLineHeight,\n lastCirlceXCallout,\n lastCircleId,\n lastCirlceXCalloutAccessibilityData,\n event,\n )\n }\n onMouseOut={_handleMouseOut}\n onFocus={() =>\n _handleFocus(lineId, x2, lastCirlceXCallout, lastCircleId, lastCirlceXCalloutAccessibilityData)\n }\n onBlur={_handleMouseOut}\n {..._getClickHandler(_points[i].data[j].onDataPointClick)}\n opacity={isLegendSelected && !lastPointHidden ? 1 : 0.01}\n fill={_getPointFill(lineColor, lastCircleId, j, true)}\n stroke={lineColor}\n strokeWidth={strokeWidth}\n role=\"img\"\n aria-label={_getAriaLabel(i, j)}\n tabIndex={_points[i].legend !== '' ? 0 : undefined}\n />\n {/* Dummy circle acting as magnetic latch for last callout point */}\n <circle\n id={hiddenHoverCircleId}\n key={hiddenHoverCircleId}\n r={8}\n cx={_xAxisScale(x2)}\n cy={_yAxisScale(y2)}\n opacity={0}\n width={0}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x2,\n y2,\n verticaLineHeight,\n lastCirlceXCallout,\n lastCircleId,\n lastCirlceXCalloutAccessibilityData,\n event,\n )\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x2,\n y2,\n verticaLineHeight,\n lastCirlceXCallout,\n lastCircleId,\n lastCirlceXCalloutAccessibilityData,\n event,\n )\n }\n onMouseOut={_handleMouseOut}\n strokeWidth={0}\n focusable={false}\n onBlur={_handleMouseOut}\n />\n </React.Fragment>,\n );\n /* eslint-enable react/jsx-no-bind */\n }\n\n if (isLegendSelected) {\n // don't draw line if it is in a gap\n if (!isInGap) {\n const lineBorderWidth = _points[i].lineOptions?.lineBorderWidth\n ? Number.parseFloat(_points[i].lineOptions!.lineBorderWidth!.toString())\n : 0;\n if (lineBorderWidth > 0) {\n bordersForLine.push(\n <line\n id={borderId}\n key={borderId}\n x1={_xAxisScale(x1)}\n y1={_yAxisScale(y1)}\n x2={_xAxisScale(x2)}\n y2={_yAxisScale(y2)}\n strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n strokeWidth={Number.parseFloat(strokeWidth.toString()) + lineBorderWidth}\n stroke={_points[i].lineOptions?.lineBorderColor || tokens.colorNeutralBackground1}\n opacity={1}\n />,\n );\n }\n\n linesForLine.push(\n <line\n id={lineId}\n key={lineId}\n x1={_xAxisScale(x1)}\n y1={_yAxisScale(y1)}\n x2={_xAxisScale(x2)}\n y2={_yAxisScale(y2)}\n strokeWidth={strokeWidth}\n ref={(e: SVGLineElement | null) => {\n _refCallback(e!, lineId);\n }}\n onMouseOver={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x1,\n y1,\n verticaLineHeight,\n xAxisCalloutData,\n circleId,\n xAxisCalloutAccessibilityData,\n event,\n )\n }\n onMouseMove={(event: React.MouseEvent<SVGElement>) =>\n _handleHover(\n x1,\n y1,\n verticaLineHeight,\n xAxisCalloutData,\n circleId,\n xAxisCalloutAccessibilityData,\n event,\n )\n }\n onMouseOut={_handleMouseOut}\n stroke={lineColor}\n strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n strokeDasharray={_points[i].lineOptions?.strokeDasharray}\n strokeDashoffset={_points[i].lineOptions?.strokeDashoffset}\n opacity={1}\n {..._getClickHandler(_points[i].onLineClick)}\n />,\n );\n }\n } else {\n if (!isInGap) {\n linesForLine.push(\n <line\n id={lineId}\n key={lineId}\n x1={_xAxisScale(x1)}\n y1={_yAxisScale(y1)}\n x2={_xAxisScale(x2)}\n y2={_yAxisScale(y2)}\n strokeWidth={strokeWidth}\n stroke={lineColor}\n strokeLinecap={_points[i].lineOptions?.strokeLinecap ?? 'round'}\n strokeDasharray={_points[i].lineOptions?.strokeDasharray}\n strokeDashoffset={_points[i].lineOptions?.strokeDashoffset}\n opacity={0.1}\n />,\n );\n }\n }\n }\n }\n\n lines.push(\n <g\n key={`line_${i}`}\n role=\"region\"\n aria-label={`${legendVal}, line ${i + 1} of ${_points.length} with ${_points[i].data.length} data points.`}\n >\n {bordersForLine}\n {linesForLine}\n {pointsForLine}\n </g>,\n );\n }\n const classes = useLineChartStyles(props);\n // Removing un wanted tooltip div from DOM, when prop not provided.\n if (!props.showXAxisLablesTooltip) {\n try {\n document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n // eslint-disable-next-line no-empty\n } catch (e) {}\n }\n // Used to display tooltip at x axis labels.\n if (!props.wrapXAxisLables && props.showXAxisLablesTooltip) {\n const xAxisElement = d3Select(xElement).call(_xAxisScale);\n try {\n document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n // eslint-disable-next-line no-empty\n } catch (e) {}\n const tooltipProps = {\n tooltipCls: classes.tooltip!,\n id: _tooltipId,\n xAxis: xAxisElement,\n };\n xAxisElement && tooltipOfXAxislabels(tooltipProps);\n }\n return lines;\n }\n\n function _createColorFillBars(containerHeight: number) {\n const colorFillBars: JSX.Element[] = [];\n if (isSelectedLegend) {\n _colorFillBars.current = selectedColorBarLegend;\n } else {\n _colorFillBars.current = props.colorFillBars!;\n }\n\n const yMinMaxValues = getMinMaxOfYAxis(_points, ChartTypes.LineChart);\n const FILL_Y_PADDING = 3;\n for (let i = 0; i < _colorFillBars.current.length; i++) {\n const colorFillBar = _colorFillBars.current[i];\n const colorFillBarId = `${_colorFillBarId}-${i}`;\n const color = getColorFromToken(colorFillBar.color);\n\n if (colorFillBar.applyPattern) {\n // Using a pattern element because CSS was unable to render diagonal stripes for rect elements\n colorFillBars.push(_getStripePattern(color, i));\n }\n\n for (let j = 0; j < colorFillBar.data.length; j++) {\n const startX = colorFillBar.data[j].startX;\n const endX = colorFillBar.data[j].endX;\n const opacity =\n _legendHighlighted(colorFillBar.legend) || _noLegendHighlighted() || isSelectedLegend\n ? _getColorFillBarOpacity(colorFillBar)\n : 0.1;\n colorFillBars.push(\n <rect\n fill={colorFillBar.applyPattern ? `url(#${_colorFillBarPatternId}_${i})` : color}\n fillOpacity={opacity}\n x={_isRTL ? _xAxisScale(endX) : _xAxisScale(startX)}\n y={_yAxisScale(yMinMaxValues.endValue) - FILL_Y_PADDING}\n width={Math.abs(_xAxisScale(endX) - _xAxisScale(startX))}\n height={_yAxisScale(props.yMinValue || 0) - _yAxisScale(yMinMaxValues.endValue) + FILL_Y_PADDING}\n key={`${colorFillBarId}${j}`}\n />,\n );\n }\n }\n return colorFillBars;\n }\n\n function _getStripePattern(color: string, id: number) {\n // This describes a tile pattern that resembles diagonal stripes\n // For more information: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d\n const stripePath = 'M-4,4 l8,-8 M0,16 l16,-16 M12,20 l8,-8';\n return (\n <pattern\n id={`${_colorFillBarPatternId}_${id}`}\n width={16}\n height={16}\n key={`${_colorFillBarPatternId}_${id}`}\n patternUnits={'userSpaceOnUse'}\n >\n <path d={stripePath} stroke={color} strokeWidth={1.25} />\n </pattern>\n );\n }\n\n function _checkInGap(pointIndex: number, gaps: LineChartGap[], currentGapIndex: number) {\n let gapIndex = currentGapIndex;\n let isInGap = false;\n\n while (gapIndex < gaps.length && pointIndex > gaps[gapIndex].endIndex) {\n gapIndex++;\n }\n\n if (gapIndex < gaps.length && pointIndex > gaps[gapIndex].startIndex && pointIndex <= gaps[gapIndex].endIndex) {\n isInGap = true;\n }\n return { isInGap, gapIndex };\n }\n\n function _refCallback(element: SVGGElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n const _onMouseOverLargeDataset = (\n linenumber: number,\n lineHeight: number,\n mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>,\n ) => {\n mouseEvent.persist();\n const { data } = props;\n const { lineChartData } = data;\n\n // This will get the value of the X when mouse is on the chart\n const xOffset = _xAxisScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n const i = bisect(lineChartData![linenumber].data, xOffset);\n const d0 = lineChartData![linenumber].data[i - 1] as LineChartDataPoint;\n const d1 = lineChartData![linenumber].data[i] as LineChartDataPoint;\n let axisType: XAxisTypes | null = null;\n let xPointToHighlight: string | Date | number = 0;\n let index: null | number = null;\n if (d0 === undefined && d1 !== undefined) {\n xPointToHighlight = d1.x;\n index = i;\n } else if (d0 !== undefined && d1 === undefined) {\n xPointToHighlight = d0.x;\n index = i - 1;\n } else {\n axisType = getTypeOfAxis(lineChartData![linenumber].data[0].x, true) as XAxisTypes;\n let x0;\n let point0;\n let point1;\n switch (axisType) {\n case XAxisTypes.DateAxis:\n x0 = new Date(xOffset).getTime();\n point0 = (d0.x as Date).getTime();\n point1 = (d1.x as Date).getTime();\n xPointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n break;\n case XAxisTypes.NumericAxis:\n x0 = xOffset as number;\n point0 = d0.x as number;\n point1 = d1.x as number;\n xPointToHighlight = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? d1.x : d0.x;\n index = Math.abs(x0 - point0) > Math.abs(x0 - point1) ? i : i - 1;\n break;\n default:\n break;\n }\n }\n\n const { xAxisCalloutData } = lineChartData![linenumber].data[index as number];\n const formattedDate =\n xPointToHighlight instanceof Date ? formatDate(xPointToHighlight, props.useUTC) : xPointToHighlight;\n const modifiedXVal = xPointToHighlight instanceof Date ? xPointToHighlight.getTime() : xPointToHighlight;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const found: any = find(_calloutPoints, (element: { x: string | number }) => {\n return element.x === modifiedXVal;\n });\n const pointToHighlight: LineChartDataPoint = lineChartData![linenumber].data[index!];\n const pointToHighlightUpdated =\n nearestCircleToHighlight === null ||\n (nearestCircleToHighlight !== null &&\n pointToHighlight !== null &&\n (nearestCircleToHighlight.x !== pointToHighlight.x || nearestCircleToHighlight.y !== pointToHighlight.y));\n // if no points need to be called out then don't show vertical line and callout card\n if (found && pointToHighlightUpdated) {\n _uniqueCallOutID = `#${_staticHighlightCircle}_${linenumber}`;\n\n d3Select(`#${_staticHighlightCircle}_${linenumber}`)\n .attr('cx', `${_xAxisScale(pointToHighlight.x)}`)\n .attr('cy', `${_yAxisScale(pointToHighlight.y)}`)\n .attr('visibility', 'visibility');\n\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(pointToHighlight.x)}, ${_yAxisScale(pointToHighlight.y)})`)\n .attr('visibility', 'visibility')\n .attr('y2', `${lineHeight - _yAxisScale(pointToHighlight.y)}`);\n\n setNearestCircleToHighlight(pointToHighlight);\n updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setStackCalloutProps(found!);\n setYValueHover(found.values);\n setDataPointCalloutProps(found!);\n xAxisCalloutData ? setHoverXValue(xAxisCalloutData) : setHoverXValue(formattedDate);\n setActivePoint('');\n }\n\n if (!found) {\n setPopoverOpen(false);\n setNearestCircleToHighlight(pointToHighlight);\n setActivePoint('');\n }\n };\n\n function _handleFocus(\n lineId: string,\n x: number | Date,\n\n xAxisCalloutData: string | undefined,\n circleId: string,\n xAxisCalloutAccessibilityData?: AccessibilityProps,\n ) {\n _uniqueCallOutID = circleId;\n const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const xVal = x instanceof Date ? x.getTime() : x;\n const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n // if no points need to be called out then don't show vertical line and callout card\n\n if (found) {\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(x)}, 0)`)\n .attr('visibility', 'visibility');\n _refArray.forEach((obj: RefArrayData) => {\n if (obj.index === lineId) {\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,\n y: number | Date,\n lineHeight: number,\n xAxisCalloutData: string | undefined,\n circleId: string,\n xAxisCalloutAccessibilityData: AccessibilityProps | undefined,\n mouseEvent: React.MouseEvent<SVGElement>,\n ) {\n mouseEvent?.persist();\n const formattedData = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const xVal = x instanceof Date ? x.getTime() : x;\n const found = find(_calloutPoints, (element: { x: string | number }) => element.x === xVal);\n // if no points need to be called out then don't show vertical line and callout card\n\n if (found) {\n d3Select(`#${_verticalLine}`)\n .attr('transform', () => `translate(${_xAxisScale(x)}, ${_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 setNearestCircleToHighlight(null);\n }\n } else {\n setActivePoint(circleId);\n setNearestCircleToHighlight(null);\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 _handleMultipleLineLegendSelectionAction(selectedLine: LineChartDataWithIndex) {\n const selectedLineIndex = selectedLegendPoints.reduce((acc, line, index) => {\n if (acc > -1 || line.legend !== selectedLine.legend) {\n return acc;\n } else {\n return index;\n }\n }, -1);\n\n let selectedLines: LineChartDataWithIndex[];\n if (selectedLineIndex === -1) {\n selectedLines = [...selectedLegendPoints, selectedLine];\n } else {\n selectedLines = selectedLegendPoints\n .slice(0, selectedLineIndex)\n .concat(selectedLegendPoints.slice(selectedLineIndex + 1));\n }\n\n const areAllLineLegendsSelected = props.data && selectedLines.length === props.data.lineChartData!.length;\n\n if (\n areAllLineLegendsSelected &&\n ((props.colorFillBars && props.colorFillBars.length === selectedColorBarLegend.length) || !props.colorFillBars)\n ) {\n // Clear all legends if all legends including color fill bar legends are selected\n // Or clear all legends if all legends are selected and there are no color fill bars\n _clearMultipleLegendSelections();\n } else if (!selectedLines.length && !selectedColorBarLegend.length) {\n // Clear all legends if no legends including color fill bar legends are selected\n _clearMultipleLegendSelections();\n } else {\n // Otherwise, set state when one or more legends are selected, including color fill bar legends\n setSelectedLegendPoints(selectedLines);\n setIsSelectedLegend(true);\n }\n\n const selectedLegendTitlesToPass = selectedLines.map((line: LineChartDataWithIndex) => line.legend);\n _handleLegendClick(selectedLine, selectedLegendTitlesToPass);\n }\n\n function _handleMultipleColorFillBarLegendSelectionAction(selectedColorFillBar: ColorFillBarsProps) {\n const selectedColorFillBarIndex = selectedColorBarLegend.reduce((acc, colorFillBar, index) => {\n if (acc > -1 || colorFillBar.legend !== selectedColorFillBar.legend) {\n return acc;\n } else {\n return index;\n }\n }, -1);\n\n let selectedColorFillBars: ColorFillBarsProps[];\n if (selectedColorFillBarIndex === -1) {\n selectedColorFillBars = [...selectedColorBarLegend, selectedColorFillBar];\n } else {\n selectedColorFillBars = selectedColorBarLegend\n .slice(0, selectedColorFillBarIndex)\n .concat(selectedColorBarLegend.slice(selectedColorFillBarIndex + 1));\n }\n\n const areAllColorFillBarLegendsSelected =\n selectedColorFillBars.length === (props.colorFillBars && props.colorFillBars!.length);\n\n if (\n areAllColorFillBarLegendsSelected &&\n ((props.data && props.data.lineChartData!.length === selectedLegendPoints.length) || !props.data)\n ) {\n // Clear all legends if all legends, including line legends, are selected\n // Or clear all legends if all legends are selected and there is no line data\n _clearMultipleLegendSelections();\n } else if (!selectedColorFillBars.length && !selectedLegendPoints.length) {\n // Clear all legends if no legends are selected, including line legends\n _clearMultipleLegendSelections();\n } else {\n // set state when one or more legends are selected, including line legends\n setSelectedColorBarLegend(selectedColorFillBars);\n setIsSelectedLegend(true);\n }\n\n const selectedLegendTitlesToPass = selectedColorFillBars.map(\n (colorFillBar: ColorFillBarsProps) => colorFillBar.legend,\n );\n _handleLegendClick(selectedColorFillBar, selectedLegendTitlesToPass);\n }\n\n function _clearMultipleLegendSelections() {\n setSelectedColorBarLegend([]);\n setSelectedLegendPoints([]);\n setIsSelectedLegend(false);\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) {\n return selectedLegend === legend || (selectedLegend === '' && activeLegend === legend);\n }\n\n /**\n * This function checks if none of the legends is selected or hovered.*/\n\n function _noLegendHighlighted() {\n return selectedLegend === '' && activeLegend === '';\n }\n\n function _getColorFillBarOpacity(colorFillBar: ColorFillBarsProps) {\n return colorFillBar.applyPattern ? 1 : 0.4;\n }\n\n function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n const line = _points[lineIndex];\n const point = line.data[pointIndex];\n const formattedDate = point.x instanceof Date ? formatDate(point.x, props.useUTC) : point.x;\n const xValue = point.xAxisCalloutData || formattedDate;\n const legend = line.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.lineChartData &&\n props.data.lineChartData.length > 0 &&\n props.data.lineChartData.filter((item: LineChartPoints) => item.data.length).length > 0\n );\n }\n\n const { legendProps, tickValues, tickFormat, eventAnnotationProps } = props;\n _points = _injectIndexPropertyInLineChartData(props.data.lineChartData);\n\n const isXAxisDateType = getXAxisType(_points);\n let points = _points;\n if (legendProps && !!legendProps.canSelectMultipleLegends) {\n points = selectedLegendPoints.length >= 1 ? selectedLegendPoints : _points;\n _calloutPoints = calloutData(points);\n }\n\n let legendBars = null;\n // reduce computation cost by only creating legendBars\n // if when hideLegend is false.\n // NOTE: they are rendered only when hideLegend is false in CartesianChart.\n if (!props.hideLegend) {\n legendBars = _createLegends(_points!); // ToDo: Memoize legends to improve performance.\n }\n const calloutProps = {\n YValueHover: YValueHover,\n hoverXValue: hoverXValue,\n descriptionMessage:\n props.getCalloutDescriptionMessage && stackCalloutProps\n ? props.getCalloutDescriptionMessage(stackCalloutProps)\n : undefined,\n 'data-is-focusable': true,\n xAxisCalloutAccessibilityData: xAxisCalloutAccessibilityData,\n ...props.calloutProps,\n clickPosition: clickPosition,\n isPopoverOpen: isPopoverOpen,\n isCalloutForStack: true,\n culture: props.culture ?? 'en-us',\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 return !_isChartEmpty() ? (\n <CartesianChart\n {...props}\n chartTitle={props.data.chartTitle}\n points={points}\n chartType={ChartTypes.LineChart}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n getmargins={_getMargins}\n getGraphData={_initializeLineChartData}\n xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n onChartMouseLeave={_handleChartMouseLeave}\n enableFirstRenderOptimization={props.enablePerfOptimization && _firstRenderOptimization}\n componentRef={cartesianChartRef}\n /* eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line react/no-children-prop\n children={(props: ChildProps) => {\n _xAxisScale = props.xScale!;\n _yAxisScale = props.yScale!;\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 {props.optimizeLargeData ? (\n <rect id={_rectId} width={props.containerWidth} height={props.containerHeight} fill={'transparent'} />\n ) : (\n <></>\n )}\n <g>\n {_renderedColorFillBars}\n {lines}\n </g>\n {eventAnnotationProps && (\n <EventsAnnotation\n {...eventAnnotationProps}\n scale={props.xScale!}\n chartYTop={margins.top! + eventLabelHeight}\n chartYBottom={props.containerHeight! - 35}\n />\n )}\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 },\n);\nLineChart.displayName = 'LineChart';\n"],"names":["React","useLineChartStyles","select","d3Select","pointer","bisector","Legends","line","d3Line","curveLinear","d3curveLinear","useId","find","CartesianChart","EventsAnnotation","tokens","calloutData","ChartTypes","getXAxisType","XAxisTypes","tooltipOfXAxislabels","Points","pointTypes","getMinMaxOfYAxis","getTypeOfAxis","getNextColor","getColorFromToken","useRtl","formatDate","PointSize","bisect","d","x","left","DEFAULT_LINE_STROKE_SIZE","PATH_MULTIPLY_SIZE","_getPointPath","y","w","index","allPointPaths","LineChart","forwardRef","props","forwardedRef","_points","_injectIndexPropertyInLineChartData","data","lineChartData","_calloutPoints","_xAxisScale","_yAxisScale","_circleId","_lineId","_borderId","_verticalLine","_colorFillBarPatternId","_uniqueCallOutID","_refArray","margins","eventLabelHeight","lines","_renderedColorFillBars","_colorFillBars","useRef","_tooltipId","_rectId","_staticHighlightCircle","_firstRenderOptimization","_emptyChartId","_colorFillBarId","_isRTL","xAxisCalloutAccessibilityData","cartesianChartRef","eventAnnotationProps","labelHeight","hoverXValue","setHoverXValue","useState","activeLegend","setActiveLegend","YValueHover","setYValueHover","selectedLegend","setSelectedLegend","selectedLegendPoints","setSelectedLegendPoints","selectedColorBarLegend","setSelectedColorBarLegend","isSelectedLegend","setIsSelectedLegend","activePoint","setActivePoint","nearestCircleToHighlight","setNearestCircleToHighlight","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","clickPosition","setClickPosition","isPopoverOpen","setPopoverOpen","pointsRef","calloutPointsRef","useEffect","current","height","width","useImperativeHandle","componentRef","chartContainer","allowMultipleShapesForPoints","map","item","color","updatePosition","newX","newY","threshold","distance","Math","sqrt","pow","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getMargins","_margins","_initializeLineChartData","xScale","yScale","containerHeight","containerWidth","xElement","colorFillBars","_createColorFillBars","_createLines","_handleSingleLegendSelectionAction","lineChartItem","legend","_handleLegendClick","_onHoverCardHide","onLegendClick","_createLegends","legendProps","isLegendMultiSelectEnabled","canSelectMultipleLegends","legendDataItems","point","title","action","_handleMultipleLineLegendSelectionAction","onMouseOutAction","hoverAction","_handleChartMouseLeave","legendShape","shape","Object","keys","length","colorFillBarsLegendDataItems","colorFillBar","_handleMultipleColorFillBarLegendSelectionAction","opacity","_getColorFillBarOpacity","stripePattern","applyPattern","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onLegendHoverCardLeave","_getBoxWidthOfShape","pointId","pointIndex","isLastPoint","strokeWidth","_getPath","xPos","yPos","pointOftheLine","widthRatio","_getPointFill","lineColor","colorNeutralBackground1","i","linesForLine","bordersForLine","pointsForLine","legendVal","verticaLineHeight","bottom","x1","y1","xAxisCalloutData","circleId","isLegendSelected","_legendHighlighted","_noLegendHighlighted","push","circle","id","key","r","cx","cy","fill","tabIndex","undefined","onMouseOver","event","_handleHover","onMouseMove","onMouseOut","_handleMouseOut","stroke","role","aria-label","_getAriaLabel","data-is-focusable","ref","e","_refCallback","onFocus","_handleFocus","onBlur","_getClickHandler","onDataPointClick","gapIndex","gaps","sort","a","b","startIndex","optimizeLargeData","curve","lineId","borderId","lineOptions","lineData","k","Date","getTime","lineBorderWidth","Number","parseFloat","toString","path","strokeLinecap","lineBorderColor","_onMouseOverLargeDataset","bind","onLineClick","visibility","j","gapResult","_checkInGap","isInGap","x2","y2","currentPointHidden","hideNonActiveDots","lastCircleId","hiddenHoverCircleId","lastPointHidden","lastCirlceXCallout","lastCirlceXCalloutAccessibilityData","Fragment","focusable","strokeDasharray","strokeDashoffset","g","classes","showXAxisLablesTooltip","document","getElementById","remove","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","xAxis","yMinMaxValues","FILL_Y_PADDING","colorFillBarId","_getStripePattern","startX","endX","rect","fillOpacity","endValue","abs","yMinValue","stripePath","pattern","patternUnits","currentGapIndex","endIndex","element","legendTitle","refElement","linenumber","lineHeight","mouseEvent","persist","xOffset","invert","d0","d1","axisType","xPointToHighlight","x0","point0","point1","DateAxis","NumericAxis","formattedDate","useUTC","modifiedXVal","found","pointToHighlight","pointToHighlightUpdated","attr","clientX","clientY","values","formattedData","xVal","forEach","obj","func","onClick","selectedLine","selectedLineIndex","reduce","acc","selectedLines","slice","concat","areAllLineLegendsSelected","_clearMultipleLegendSelections","selectedLegendTitlesToPass","selectedColorFillBar","selectedColorFillBarIndex","selectedColorFillBars","areAllColorFillBarLegendsSelected","lineIndex","xValue","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","filter","tickValues","tickFormat","isXAxisDateType","points","legendBars","hideLegend","calloutProps","descriptionMessage","getCalloutDescriptionMessage","isCalloutForStack","culture","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","tickParams","chartTitle","chartType","getmargins","getGraphData","xAxisType","onChartMouseLeave","enableFirstRenderOptimization","enablePerfOptimization","children","scale","chartYTop","top","chartYBottom","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/LineChart/LineChart.types.js ADDED Viewed

@@ -0,0 +1,3 @@
+/* eslint-disable @typescript-eslint/naming-convention */ /**
+ * {@docCategory LineChart}
+ */ export { };

package/lib/components/LineChart/LineChart.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["LineChart.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\nimport { RenderFunction } from '../../utilities/index';\nimport {\n ChartProps,\n LineChartPoints,\n Margins,\n Basestate,\n RefArrayData,\n CustomizedCalloutData,\n} from '../../types/index';\nimport { EventAnnotation } from '../../types/EventAnnotation';\nimport {\n CartesianChartProps,\n CartesianChartStyleProps,\n CartesianChartStyles,\n ChildProps,\n} from '../CommonComponents/index';\n\nexport type { ChildProps, LineChartPoints, Margins, Basestate, RefArrayData };\n\n/**\n * Line Chart properties\n * {@docCategory LineChart}\n */\nexport interface LineChartProps extends CartesianChartProps {\n /**\n * Data to render in the chart.\n */\n data: ChartProps;\n\n /**\n * Call to provide customized styling that will layer on top of the variant rules.\n */\n styles?: LineChartStyles;\n\n /**\n * Show event annotation\n */\n eventAnnotationProps?: EventsAnnotationProps;\n\n /**\n * Define a custom callout renderer for a data point\n */\n onRenderCalloutPerDataPoint?: RenderFunction<CustomizedCalloutData>;\n\n /**\n * Define a custom callout renderer for a stack; default is to render per data point\n */\n onRenderCalloutPerStack?: RenderFunction<CustomizedCalloutData>;\n\n /**\n * Callback for getting callout description message\n */\n getCalloutDescriptionMessage?: (calloutDataProps: CustomizedCalloutData) => string | undefined;\n\n /*\n * Color fill bars for the chart,\n */\n colorFillBars?: ColorFillBarsProps[];\n\n /**\n * if this is set to true, then for each line there will be a unique shape assigned to the point,\n * there are total 8 shapes which are as follow circle, square, triangele, diamond, pyramid,\n * hexagon, pentagon and octagon, which will get assigned as respectively, if there are more\n * than 8 lines in the line chart then it will again start from cicle to octagon.\n * setting this flag to true will also change the behavior of the points, like for a\n * line, last point shape and first point shape will be visible all the times, and all\n * other points will get enlarge only when hovered over them\n * if set to false default shape will be circle, with the existing behavior\n * @default false\n */\n allowMultipleShapesForPoints?: boolean;\n\n /*\n * Optimize line chart rendering for large data set. If this prop is enabled, line chart\n * can easily render over 10K datapoints with multiple lines smoothly.\n * This rendering mechanism does not support gaps in lines.\n */\n optimizeLargeData?: boolean;\n\n /**\n * The prop used to define the culture to localized the numbers\n */\n culture?: string;\n\n /**\n * @default false\n * The prop used to enable the perf optimization\n */\n enablePerfOptimization?: boolean;\n}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface EventsAnnotationProps {\n events: EventAnnotation[];\n strokeColor?: string;\n labelColor?: string;\n labelHeight?: number;\n labelWidth?: number;\n mergedLabel: (count: number) => string;\n}\n\n/**\n * Line Chart styles\n * {@docCategory LineChart}\n */\nexport interface LineChartStyles extends CartesianChartStyles {}\n\n/**\n * Line Chart style properties\n * {@docCategory LineChart}\n */\nexport interface LineChartStyleProps extends CartesianChartStyleProps {}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface ColorFillBarsProps {\n legend: string;\n color: string;\n data: ColorFillBarData[];\n applyPattern?: boolean;\n onLegendClick?: (selectedLegend: string | string[] | null) => void | undefined;\n}\n\n/**\n * {@docCategory LineChart}\n */\nexport interface ColorFillBarData {\n startX: number | Date;\n endX: number | Date;\n}\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,uDAAuD,GA+HvD;;CAEC,GACD,WAGC"}

package/lib/components/LineChart/eventAnnotation/EventAnnotation.js ADDED Viewed

@@ -0,0 +1,119 @@
+import * as React from 'react';
+import { tokens } from '@fluentui/react-theme';
+import { findIndex } from '../../../utilities/index';
+import { LabelLink } from './LabelLink';
+import { getColorFromToken } from '../../../utilities/colors';
+export const EventsAnnotation = (props)=>{
+    const textWidth = props.labelWidth ? props.labelWidth : 105;
+    const textY = props.chartYTop - 20;
+    const lineTopY = textY + 7;
+    const textPadding = 5;
+    const lineHeight = 18;
+    const fontSize = '10pt';
+    const axisRange = props.scale.range();
+    const lineDefs = props.events.map((e)=>({
+            ...e,
+            x: props.scale(e.date)
+        }));
+    lineDefs.sort((e1, e2)=>+e1.date - +e2.date);
+    const fill = props.strokeColor ? getColorFromToken(props.strokeColor, false) : tokens.colorNeutralForeground1;
+    const lines = uniqBy(lineDefs, (x)=>x.date.toString()).map((x, i)=>/*#__PURE__*/ React.createElement("line", {
+            key: i,
+            x1: x.x,
+            x2: x.x,
+            y1: lineTopY,
+            y2: props.chartYBottom,
+            stroke: fill,
+            strokeDasharray: "8"
+        }));
+    const labelLinks = calculateLabels(lineDefs, textWidth + textPadding, axisRange[1], axisRange[0]).map((x, i)=>/*#__PURE__*/ React.createElement(LabelLink, {
+            key: i,
+            lineDefs,
+            labelDef: x,
+            textY,
+            textWidth,
+            textLineHeight: lineHeight,
+            textFontSize: fontSize,
+            textColor: props.labelColor,
+            mergedLabel: props.mergedLabel
+        }));
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, lines, labelLinks);
+};
+function calculateLabels(lineDefs, textWidth, maxX, minX) {
+    const calculateLabel = (lastX, currentIdx)=>{
+        // base case 1
+        if (currentIdx === lineDefs.length) {
+            return [];
+        }
+        const { x } = lineDefs[currentIdx];
+        const leftXBoundary = x - textWidth;
+        // cannot render on top of other text
+        if (x < lastX) {
+            return [];
+        }
+        // base case 2
+        if (currentIdx === lineDefs.length - 1) {
+            if (lastX < leftXBoundary) {
+                return [
+                    {
+                        x: x,
+                        anchor: 'end',
+                        aggregatedIdx: [
+                            currentIdx
+                        ]
+                    }
+                ];
+            } else if (x + textWidth < maxX) {
+                return [
+                    {
+                        x: x,
+                        anchor: 'start',
+                        aggregatedIdx: [
+                            currentIdx
+                        ]
+                    }
+                ];
+            }
+            return [];
+        }
+        if (lastX < leftXBoundary) {
+            // label on left side
+            return backtrack(currentIdx, 'end');
+        } else {
+            // label on right side
+            return backtrack(currentIdx, 'start');
+        }
+    };
+    const backtrack = (currentIdx, anchor)=>{
+        const bd = anchor === 'end' ? lineDefs[currentIdx].x : lineDefs[currentIdx].x + textWidth;
+        let idx = findIndex(lineDefs, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        (ds)=>ds.x > bd && (ds.x - textWidth >= bd || ds.x + textWidth < maxX), currentIdx + 1);
+        if (idx === -1) {
+            idx = lineDefs.length;
+        }
+        const aggregatedIdx = [];
+        for(let i = currentIdx; i < idx; i++){
+            aggregatedIdx.push(i);
+        }
+        const next = calculateLabel(bd, idx);
+        next.unshift({
+            x: lineDefs[currentIdx].x,
+            anchor,
+            aggregatedIdx
+        });
+        return next;
+    };
+    return calculateLabel(minX, 0);
+}
+/** Get unique items of `arr`, comparing based on the result of calling `iteratee` on each item. */ function uniqBy(arr, iteratee) {
+    const seen = [];
+    const result = [];
+    for (const x of arr){
+        const comp = iteratee(x);
+        if (seen.indexOf(comp) === -1) {
+            result.push(x);
+            seen.push(comp);
+        }
+    }
+    return result;
+}

package/lib/components/LineChart/eventAnnotation/EventAnnotation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["EventAnnotation.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ScaleTime } from 'd3-scale';\nimport { tokens } from '@fluentui/react-theme';\nimport { findIndex } from '../../../utilities/index';\nimport { LineDef, LabelLink, LabelDef } from './LabelLink';\nimport { EventsAnnotationProps } from '../LineChart.types';\nimport { getColorFromToken } from '../../../utilities/colors';\n\ninterface IEventsAnnotationExtendProps extends EventsAnnotationProps {\n scale: ScaleTime<number, number>;\n chartYBottom: number;\n chartYTop: number;\n}\n\nexport const EventsAnnotation: React.FunctionComponent<IEventsAnnotationExtendProps> = props => {\n const textWidth = props.labelWidth ? props.labelWidth : 105;\n const textY = props.chartYTop - 20;\n const lineTopY = textY + 7;\n const textPadding = 5;\n const lineHeight = 18;\n const fontSize = '10pt';\n const axisRange = props.scale.range();\n\n const lineDefs: LineDef[] = props.events.map(e => ({ ...e, x: props.scale(e.date) }));\n\n lineDefs.sort((e1, e2) => +e1.date - +e2.date);\n\n const fill: string | undefined = props.strokeColor\n ? getColorFromToken(props.strokeColor, false /*ToDo fix */)\n : tokens.colorNeutralForeground1;\n\n const lines = uniqBy(lineDefs, x => x.date.toString()).map((x, i) => (\n <line key={i} x1={x.x} x2={x.x} y1={lineTopY} y2={props.chartYBottom} stroke={fill} strokeDasharray=\"8\" />\n ));\n\n const labelLinks = calculateLabels(lineDefs, textWidth + textPadding, axisRange[1], axisRange[0]).map((x, i) => (\n <LabelLink\n key={i}\n {...{\n lineDefs,\n labelDef: x,\n textY,\n textWidth,\n textLineHeight: lineHeight,\n textFontSize: fontSize,\n textColor: props.labelColor,\n mergedLabel: props.mergedLabel,\n }}\n />\n ));\n\n return (\n <>\n {lines}\n {labelLinks}\n </>\n );\n};\n\nfunction calculateLabels(lineDefs: LineDef[], textWidth: number, maxX: number, minX: number): LabelDef[] {\n const calculateLabel = (lastX: number, currentIdx: number): LabelDef[] => {\n // base case 1\n if (currentIdx === lineDefs.length) {\n return [];\n }\n\n const { x } = lineDefs[currentIdx];\n const leftXBoundary = x - textWidth;\n\n // cannot render on top of other text\n if (x < lastX) {\n return [];\n }\n\n // base case 2\n if (currentIdx === lineDefs.length - 1) {\n if (lastX < leftXBoundary) {\n return [{ x: x, anchor: 'end', aggregatedIdx: [currentIdx] }];\n } else if (x + textWidth < maxX) {\n return [{ x: x, anchor: 'start', aggregatedIdx: [currentIdx] }];\n }\n\n return [];\n }\n\n if (lastX < leftXBoundary) {\n // label on left side\n return backtrack(currentIdx, 'end');\n } else {\n // label on right side\n return backtrack(currentIdx, 'start');\n }\n };\n\n const backtrack = (currentIdx: number, anchor: 'start' | 'end'): LabelDef[] => {\n const bd = anchor === 'end' ? lineDefs[currentIdx].x : lineDefs[currentIdx].x + textWidth;\n\n let idx = findIndex(\n lineDefs,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ds => ds.x > bd && (ds.x - textWidth >= bd || ds.x + textWidth < maxX),\n currentIdx + 1,\n );\n if (idx === -1) {\n idx = lineDefs.length;\n }\n\n const aggregatedIdx: number[] = [];\n for (let i = currentIdx; i < idx; i++) {\n aggregatedIdx.push(i);\n }\n const next = calculateLabel(bd, idx);\n\n next.unshift({ x: lineDefs[currentIdx].x, anchor, aggregatedIdx });\n return next;\n };\n\n return calculateLabel(minX, 0);\n}\n\n/** Get unique items of `arr`, comparing based on the result of calling `iteratee` on each item. */\nfunction uniqBy<T>(arr: T[], iteratee: (x: T) => string): T[] {\n const seen: string[] = [];\n const result: T[] = [];\n for (const x of arr) {\n const comp = iteratee(x);\n if (seen.indexOf(comp) === -1) {\n result.push(x);\n seen.push(comp);\n }\n }\n return result;\n}\n"],"names":["React","tokens","findIndex","LabelLink","getColorFromToken","EventsAnnotation","props","textWidth","labelWidth","textY","chartYTop","lineTopY","textPadding","lineHeight","fontSize","axisRange","scale","range","lineDefs","events","map","e","x","date","sort","e1","e2","fill","strokeColor","colorNeutralForeground1","lines","uniqBy","toString","i","line","key","x1","x2","y1","y2","chartYBottom","stroke","strokeDasharray","labelLinks","calculateLabels","labelDef","textLineHeight","textFontSize","textColor","labelColor","mergedLabel","maxX","minX","calculateLabel","lastX","currentIdx","length","leftXBoundary","anchor","aggregatedIdx","backtrack","bd","idx","ds","push","next","unshift","arr","iteratee","seen","result","comp","indexOf"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/LineChart/eventAnnotation/LabelLink.js ADDED Viewed

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Textbox } from './Textbox';
+import { getColorFromToken } from '../../../utilities/colors';
+import { tokens } from '@fluentui/react-theme';
+export const LabelLink = (props)=>{
+    const gRef = React.useRef(null);
+    const [showCard, setShowCard] = React.useState(false);
+    const onClick = ()=>setShowCard(true);
+    let callout = null;
+    if (showCard) {
+        const cards = props.labelDef.aggregatedIdx.map((i)=>props.lineDefs[i].onRenderCard).filter((c)=>!!c);
+        if (cards.length > 0) {
+            callout = null;
+        // TODO - need to replace callout with popover
+        /*callout = {
+        /* <Callout
+          target={gRef.current}
+          // eslint-disable-next-line react/jsx-no-bind
+          onDismiss={onDismiss}
+          setInitialFocus={true}
+          role="dialog"
+        >
+          <FocusZone isCircularNavigation={true} direction={FocusZoneDirection.vertical}>
+            <List<() => React.ReactNode>
+              items={cards}
+              // eslint-disable-next-line react/jsx-no-bind
+              onRenderCell={onRenderCell}
+            />
+          </FocusZone>
+        </Callout>
+      };*/ }
+    }
+    let text;
+    const fill = props.textColor ? getColorFromToken(props.textColor, false) : tokens.colorNeutralForeground1;
+    if (props.labelDef.aggregatedIdx.length === 1) {
+        text = props.lineDefs[props.labelDef.aggregatedIdx[0]].event;
+    } else {
+        text = props.mergedLabel(props.labelDef.aggregatedIdx.length);
+    }
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("g", {
+        ref: gRef,
+        onClick: onClick,
+        "data-is-focusable": false,
+        style: {
+            cursor: 'pointer'
+        }
+    }, /*#__PURE__*/ React.createElement(Textbox, {
+        text: text,
+        x: props.labelDef.x,
+        y: props.textY,
+        width: props.textWidth,
+        lineHeight: props.textLineHeight,
+        textAnchor: props.labelDef.anchor,
+        fontSize: props.textFontSize,
+        fill: fill
+    })), callout);
+};

package/lib/components/LineChart/eventAnnotation/LabelLink.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["LabelLink.tsx"],"sourcesContent":["import * as React from 'react';\nimport { EventAnnotation } from '../../../types/EventAnnotation';\nimport { Textbox } from './Textbox';\nimport { getColorFromToken } from '../../../utilities/colors';\nimport { tokens } from '@fluentui/react-theme';\n\nexport interface LineDef extends EventAnnotation {\n x: number;\n}\n\nexport interface LabelDef {\n x: number;\n aggregatedIdx: number[];\n anchor: 'start' | 'end';\n}\n\ninterface LabelLinkProps {\n lineDefs: LineDef[];\n labelDef: LabelDef;\n textY: number;\n textWidth: number;\n textLineHeight: number;\n textFontSize: string;\n textColor: string | undefined;\n mergedLabel: (count: number) => string;\n}\n\nexport const LabelLink: React.FunctionComponent<LabelLinkProps> = props => {\n const gRef = React.useRef<SVGGElement>(null);\n const [showCard, setShowCard] = React.useState(false);\n const onClick = () => setShowCard(true);\n\n let callout: React.ReactNode = null;\n if (showCard) {\n const cards = props.labelDef.aggregatedIdx.map(i => props.lineDefs[i].onRenderCard!).filter(c => !!c);\n if (cards.length > 0) {\n callout = null;\n // TODO - need to replace callout with popover\n /*callout = {\n /* <Callout\n target={gRef.current}\n // eslint-disable-next-line react/jsx-no-bind\n onDismiss={onDismiss}\n setInitialFocus={true}\n role=\"dialog\"\n >\n <FocusZone isCircularNavigation={true} direction={FocusZoneDirection.vertical}>\n <List<() => React.ReactNode>\n items={cards}\n // eslint-disable-next-line react/jsx-no-bind\n onRenderCell={onRenderCell}\n />\n </FocusZone>\n </Callout>\n };*/\n }\n }\n\n let text: string;\n const fill: string | undefined = props.textColor\n ? getColorFromToken(props.textColor, false)\n : tokens.colorNeutralForeground1;\n\n if (props.labelDef.aggregatedIdx.length === 1) {\n text = props.lineDefs[props.labelDef.aggregatedIdx[0]].event;\n } else {\n text = props.mergedLabel(props.labelDef.aggregatedIdx.length);\n }\n\n return (\n <>\n <g ref={gRef} onClick={onClick} data-is-focusable={false} style={{ cursor: 'pointer' }}>\n <Textbox\n text={text}\n x={props.labelDef.x}\n y={props.textY}\n width={props.textWidth}\n lineHeight={props.textLineHeight}\n textAnchor={props.labelDef.anchor}\n fontSize={props.textFontSize}\n fill={fill}\n />\n </g>\n {callout}\n </>\n );\n};\n"],"names":["React","Textbox","getColorFromToken","tokens","LabelLink","props","gRef","useRef","showCard","setShowCard","useState","onClick","callout","cards","labelDef","aggregatedIdx","map","i","lineDefs","onRenderCard","filter","c","length","text","fill","textColor","colorNeutralForeground1","event","mergedLabel","g","ref","data-is-focusable","style","cursor","x","y","textY","width","textWidth","lineHeight","textLineHeight","textAnchor","anchor","fontSize","textFontSize"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,iBAAiB,QAAQ,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,wBAAwB;AAuB/C,OAAO,MAAMC,YAAqDC,CAAAA;IAChE,MAAMC,OAAON,MAAMO,MAAM,CAAc;IACvC,MAAM,CAACC,UAAUC,YAAY,GAAGT,MAAMU,QAAQ,CAAC;IAC/C,MAAMC,UAAU,IAAMF,YAAY;IAElC,IAAIG,UAA2B;IAC/B,IAAIJ,UAAU;QACZ,MAAMK,QAAQR,MAAMS,QAAQ,CAACC,aAAa,CAACC,GAAG,CAACC,CAAAA,IAAKZ,MAAMa,QAAQ,CAACD,EAAE,CAACE,YAAY,EAAGC,MAAM,CAACC,CAAAA,IAAK,CAAC,CAACA;QACnG,IAAIR,MAAMS,MAAM,GAAG,GAAG;YACpBV,UAAU;QACV,8CAA8C;QAC9C;;;;;;;;;;;;;;;;QAgBE,GACJ;IACF;IAEA,IAAIW;IACJ,MAAMC,OAA2BnB,MAAMoB,SAAS,GAC5CvB,kBAAkBG,MAAMoB,SAAS,EAAE,SACnCtB,OAAOuB,uBAAuB;IAElC,IAAIrB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM,KAAK,GAAG;QAC7CC,OAAOlB,MAAMa,QAAQ,CAACb,MAAMS,QAAQ,CAACC,aAAa,CAAC,EAAE,CAAC,CAACY,KAAK;IAC9D,OAAO;QACLJ,OAAOlB,MAAMuB,WAAW,CAACvB,MAAMS,QAAQ,CAACC,aAAa,CAACO,MAAM;IAC9D;IAEA,qBACE,wDACE,oBAACO;QAAEC,KAAKxB;QAAMK,SAASA;QAASoB,qBAAmB;QAAOC,OAAO;YAAEC,QAAQ;QAAU;qBACnF,oBAAChC;QACCsB,MAAMA;QACNW,GAAG7B,MAAMS,QAAQ,CAACoB,CAAC;QACnBC,GAAG9B,MAAM+B,KAAK;QACdC,OAAOhC,MAAMiC,SAAS;QACtBC,YAAYlC,MAAMmC,cAAc;QAChCC,YAAYpC,MAAMS,QAAQ,CAAC4B,MAAM;QACjCC,UAAUtC,MAAMuC,YAAY;QAC5BpB,MAAMA;SAGTZ;AAGP,EAAE"}

package/lib/components/LineChart/eventAnnotation/Textbox.js ADDED Viewed

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { select } from 'd3-selection';
+export const Textbox = (props)=>{
+    const textElementRef = React.useRef(null);
+    const wrapWords = ()=>{
+        if (!textElementRef.current) {
+            return;
+        }
+        const text = select(textElementRef.current);
+        const words = props.text.split(/\s+/);
+        let line = [];
+        let tspan = text.append('tspan');
+        let numLines = 0;
+        words.forEach((word)=>{
+            line.push(word);
+            tspan.text(line.join(' '));
+            const node = tspan.node();
+            if (node && node.getComputedTextLength() > props.width && line.length > 1) {
+                numLines++;
+                line.pop();
+                tspan.text(line.join(' '));
+                line = [
+                    word
+                ];
+                tspan = text.append('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);
+            }
+        });
+        // bottom aligns text
+        text.attr('dy', -numLines * props.lineHeight);
+        return ()=>{
+            text.selectAll('tspan').remove();
+        };
+    };
+    React.useEffect(wrapWords);
+    const { lineHeight, ...rest } = props;
+    return /*#__PURE__*/ React.createElement("text", {
+        ref: textElementRef,
+        ...rest
+    });
+};

package/lib/components/LineChart/eventAnnotation/Textbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["Textbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { select } from 'd3-selection';\n\ninterface TextboxProps {\n text: string;\n width: number;\n x: number;\n y: number;\n lineHeight: number;\n textAnchor?: 'start' | 'middle' | 'end';\n fontSize?: string;\n fill?: string;\n}\n\nexport const Textbox: React.FunctionComponent<TextboxProps> = props => {\n const textElementRef: React.RefObject<SVGTextElement> = React.useRef(null);\n\n const wrapWords = () => {\n if (!textElementRef.current) {\n return;\n }\n const text = select(textElementRef.current);\n const words = props.text.split(/\\s+/);\n let line: string[] = [];\n let tspan = text.append<SVGTSpanElement>('tspan');\n let numLines = 0;\n\n words.forEach(word => {\n line.push(word);\n tspan.text(line.join(' '));\n const node = tspan.node();\n if (node && node.getComputedTextLength() > props.width && line.length > 1) {\n numLines++;\n line.pop();\n tspan.text(line.join(' '));\n line = [word];\n tspan = text.append<SVGTSpanElement>('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);\n }\n });\n // bottom aligns text\n text.attr('dy', -numLines * props.lineHeight);\n\n return () => {\n text.selectAll('tspan').remove();\n };\n };\n React.useEffect(wrapWords);\n\n const { lineHeight, ...rest } = props;\n\n return <text ref={textElementRef} {...rest} />;\n};\n"],"names":["React","select","Textbox","props","textElementRef","useRef","wrapWords","current","text","words","split","line","tspan","append","numLines","forEach","word","push","join","node","getComputedTextLength","width","length","pop","attr","lineHeight","x","selectAll","remove","useEffect","rest","ref"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAatC,OAAO,MAAMC,UAAiDC,CAAAA;IAC5D,MAAMC,iBAAkDJ,MAAMK,MAAM,CAAC;IAErE,MAAMC,YAAY;QAChB,IAAI,CAACF,eAAeG,OAAO,EAAE;YAC3B;QACF;QACA,MAAMC,OAAOP,OAAOG,eAAeG,OAAO;QAC1C,MAAME,QAAQN,MAAMK,IAAI,CAACE,KAAK,CAAC;QAC/B,IAAIC,OAAiB,EAAE;QACvB,IAAIC,QAAQJ,KAAKK,MAAM,CAAkB;QACzC,IAAIC,WAAW;QAEfL,MAAMM,OAAO,CAACC,CAAAA;YACZL,KAAKM,IAAI,CAACD;YACVJ,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;YACrB,MAAMC,OAAOP,MAAMO,IAAI;YACvB,IAAIA,QAAQA,KAAKC,qBAAqB,KAAKjB,MAAMkB,KAAK,IAAIV,KAAKW,MAAM,GAAG,GAAG;gBACzER;gBACAH,KAAKY,GAAG;gBACRX,MAAMJ,IAAI,CAACG,KAAKO,IAAI,CAAC;gBACrBP,OAAO;oBAACK;iBAAK;gBACbJ,QAAQJ,KAAKK,MAAM,CAAkB,SAASL,IAAI,CAACQ,MAAMQ,IAAI,CAAC,MAAMrB,MAAMsB,UAAU,EAAED,IAAI,CAAC,KAAKrB,MAAMuB,CAAC;YACzG;QACF;QACA,qBAAqB;QACrBlB,KAAKgB,IAAI,CAAC,MAAM,CAACV,WAAWX,MAAMsB,UAAU;QAE5C,OAAO;YACLjB,KAAKmB,SAAS,CAAC,SAASC,MAAM;QAChC;IACF;IACA5B,MAAM6B,SAAS,CAACvB;IAEhB,MAAM,EAAEmB,UAAU,EAAE,GAAGK,MAAM,GAAG3B;IAEhC,qBAAO,oBAACK;QAAKuB,KAAK3B;QAAiB,GAAG0B,IAAI;;AAC5C,EAAE"}

package/lib/components/LineChart/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+export * from './LineChart';
+export * from './LineChart.types';
+export * from './eventAnnotation/Textbox';
+export * from '../../types/index';

package/lib/components/LineChart/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './LineChart';\nexport * from './LineChart.types';\nexport * from './eventAnnotation/Textbox';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;;","mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,oBAAoB"}

package/lib/components/LineChart/useLineChartStyles.styles.js ADDED Viewed

@@ -0,0 +1,65 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens } from '@fluentui/react-theme';
+/**
+ * @internal
+ */
+export const linechartClassNames = {
+  tooltip: 'fui-line__tooltip',
+  root: 'fui-line__root',
+  xAxis: 'fui-line__xAxis',
+  yAxis: 'fui-line__yAxis',
+  legendContainer: 'fui-line__legendContainer',
+  hover: 'fui-line__hover',
+  calloutContentRoot: 'fui-line__calloutContentRoot',
+  calloutContentX: 'fui-line__calloutContentX',
+  calloutContentY: 'fui-line__calloutContentY',
+  descriptionMessage: 'fui-line__descriptionMessage',
+  calloutDateTimeContainer: 'fui-line__calloutDateTimeContainer',
+  calloutInfoContainer: 'fui-line__calloutInfoContainer',
+  calloutBlockContainer: 'fui-line__calloutBlockContainer',
+  calloutlegendText: 'fui-line__calloutLegendText',
+  axisTitle: 'fui-line__axisTitle',
+  chartTitle: 'fui-line__chartTitle',
+  opacityChangeOnHover: 'fui-line__opacityChangeOnHover',
+  shapeStyles: 'fui-line__shapeStyles',
+  chartWrapper: 'fui-line__chartWrapper',
+  calloutBlockContainertoDrawShapefalse: '',
+  calloutBlockContainertoDrawShapetrue: ''
+};
+/**
+ * Base Styles
+ */
+const useStyles = /*#__PURE__*/__styles({
+  tooltip: {
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62",
+    z8tnut: "f17mpqex",
+    z189sj: ["f1vdfbxk", "f1f5gg8d"],
+    Byoj8tv: "fdvome7",
+    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
+    qhf8xq: "f1euv43f",
+    fsow6f: "f17mccla",
+    Bhzewxz: "fr6rvge",
+    Bkfmm31: "f5q6cfr",
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "fq9zq91",
+    Bkecrkj: "f1aehjj5"
+  }
+}, {
+  d: [".f22iagw{display:flex;}", ".f1vx9l62{flex-direction:column;}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".f1euv43f{position:absolute;}", ".f17mccla{text-align:center;}", ".fr6rvge{top:var(--spacingVerticalNone);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
+    p: -1
+  }], ".f1aehjj5{pointer-events:none;}"]
+});
+/**
+ * Apply styling to the Carousel slots based on the state
+ */
+export const useLineChartStyles = props => {
+  const baseStyles = useStyles();
+  return {
+    tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/)
+  };
+};
+//# sourceMappingURL=useLineChartStyles.styles.js.map

package/lib/components/LineChart/useLineChartStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","linechartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","calloutContentRoot","calloutContentX","calloutContentY","descriptionMessage","calloutDateTimeContainer","calloutInfoContainer","calloutBlockContainer","calloutlegendText","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","useStyles","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","Bkfmm31","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","useLineChartStyles","props","baseStyles"],"sources":["useLineChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const linechartClassNames = {\n tooltip: 'fui-line__tooltip',\n root: 'fui-line__root',\n xAxis: 'fui-line__xAxis',\n yAxis: 'fui-line__yAxis',\n legendContainer: 'fui-line__legendContainer',\n hover: 'fui-line__hover',\n calloutContentRoot: 'fui-line__calloutContentRoot',\n calloutContentX: 'fui-line__calloutContentX',\n calloutContentY: 'fui-line__calloutContentY',\n descriptionMessage: 'fui-line__descriptionMessage',\n calloutDateTimeContainer: 'fui-line__calloutDateTimeContainer',\n calloutInfoContainer: 'fui-line__calloutInfoContainer',\n calloutBlockContainer: 'fui-line__calloutBlockContainer',\n calloutlegendText: 'fui-line__calloutLegendText',\n axisTitle: 'fui-line__axisTitle',\n chartTitle: 'fui-line__chartTitle',\n opacityChangeOnHover: 'fui-line__opacityChangeOnHover',\n shapeStyles: 'fui-line__shapeStyles',\n chartWrapper: 'fui-line__chartWrapper',\n calloutBlockContainertoDrawShapefalse: '',\n calloutBlockContainertoDrawShapetrue: ''\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n tooltip: {\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n fill: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none'\n }\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const useLineChartStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n tooltip: mergeClasses(linechartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,OAAO,EAAE,mBAAmB;EAC5BC,IAAI,EAAE,gBAAgB;EACtBC,KAAK,EAAE,iBAAiB;EACxBC,KAAK,EAAE,iBAAiB;EACxBC,eAAe,EAAE,2BAA2B;EAC5CC,KAAK,EAAE,iBAAiB;EACxBC,kBAAkB,EAAE,8BAA8B;EAClDC,eAAe,EAAE,2BAA2B;EAC5CC,eAAe,EAAE,2BAA2B;EAC5CC,kBAAkB,EAAE,8BAA8B;EAClDC,wBAAwB,EAAE,oCAAoC;EAC9DC,oBAAoB,EAAE,gCAAgC;EACtDC,qBAAqB,EAAE,iCAAiC;EACxDC,iBAAiB,EAAE,6BAA6B;EAChDC,SAAS,EAAE,qBAAqB;EAChCC,UAAU,EAAE,sBAAsB;EAClCC,oBAAoB,EAAE,gCAAgC;EACtDC,WAAW,EAAE,uBAAuB;EACpCC,YAAY,EAAE,wBAAwB;EACtCC,qCAAqC,EAAE,EAAE;EACzCC,oCAAoC,EAAE;AAC1C,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAG1B,QAAA;EAAAK,OAAA;IAAAsB,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAYrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAGrB,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHrB,OAAO,EAAEJ,YAAY,CAACG,mBAAmB,CAACC,OAAO,EAAE0C,UAAU,CAAC1C,OAAO,CAAC,yBAA0B;EACpG,CAAC;AACL,CAAC","ignoreList":[]}