npm - @fluentui/react-charts - Versions diffs - 9.0.2 → 9.0.4 - Mend

@fluentui/react-charts 9.0.2 → 9.0.4

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 (229) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["AreaChart.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAreaChartStyles } from './useAreaChartStyles.styles';\nimport { max as d3Max, bisector } from 'd3-array';\nimport { pointer } from 'd3-selection';\nimport { select as d3Select } from 'd3-selection';\nimport { tokens } from '@fluentui/react-theme';\nimport { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';\nimport {\n AccessibilityProps,\n CartesianChart,\n CustomizedCalloutData,\n AreaChartProps,\n LineChartDataPoint,\n LineChartPoints,\n ChildProps,\n Margins,\n YValueHover,\n ChartPopoverProps,\n Chart,\n} from '../../index';\nimport {\n calloutData,\n getXAxisType,\n ChartTypes,\n XAxisTypes,\n getTypeOfAxis,\n tooltipOfXAxislabels,\n getNextColor,\n getColorFromToken,\n formatDate,\n getSecureProps,\n areArraysEqual,\n getCurveFactory,\n find,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport { Legend, Legends } from '../Legends/index';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst bisect = bisector((d: any) => d.x).left;\n\nenum InterceptVisibility {\n show = 'visibility',\n hide = 'hidden',\n}\n\nexport interface AreaChartAreaPoint {\n xVal: string | number;\n values: AreaChartDataSetPoint;\n}\nexport interface AreaChartDataSetPoint {\n [key: string]: number | string | number[];\n}\nexport interface DPointType {\n values: { 0: number; 1: number; data: {} };\n xVal: number | Date;\n}\nexport interface MapXToDataSet {\n [key: string]: LineChartDataPoint[];\n [key: number]: LineChartDataPoint[];\n}\n\n//by default d3-shape 3.2.0 limits the< path> data point precision to 3 digits(d3/d3-path#10)\n\nexport const AreaChart: React.FunctionComponent<AreaChartProps> = React.forwardRef<HTMLDivElement, AreaChartProps>(\n (props, forwardedRef) => {\n const _uniqueIdForGraph: string = useId('areaChart_');\n const _verticalLineId: string = useId('verticalLine_');\n const _circleId: string = useId('circle');\n const _rectId: string = useId('rectangle');\n const _tooltipId: string = useId('AreaChartTooltipID');\n //enableComputationOptimization is used for optimized code to group data points by x value\n //from O(n^2) to O(n) using a map.\n const _enableComputationOptimization: boolean = true;\n const _firstRenderOptimization: boolean = true;\n const _emptyChartId: string = useId('_AreaChart_empty');\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _calloutPoints: any;\n let _createSet: (data: LineChartPoints[]) => {\n colors: string[];\n opacity: number[];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n data: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n calloutPoints: any;\n };\n let _colors: string[];\n let _opacity: number[];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _data: any;\n let _chart: JSX.Element[];\n let _margins: Margins;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xAxisRectScale: any;\n // determines if the given area chart has multiple stacked bar charts\n let _isMultiStackChart: boolean;\n const cartesianChartRef = React.useRef<Chart>(null);\n\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n const [activeLegend, setActiveLegend] = React.useState<string | undefined>(undefined);\n const [hoverXValue, setHoverXValue] = React.useState<string | number | undefined | null>('');\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const [YValueHover, setYValueHover] = React.useState<YValueHover[]>([]);\n const [lineXValue, setLineXValue] = React.useState<number>(0);\n const [displayOfLine, setDisplayOfLine] = React.useState<InterceptVisibility>(InterceptVisibility.hide);\n const [isCircleClicked, setIsCircleClicked] = React.useState<boolean>(false);\n const [nearestCircleToHighlight, setNearestCircleToHighlight] = React.useState<number | string | Date | null>(null);\n const [activePoint, setActivePoint] = React.useState<string>('');\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<CustomizedCalloutData>();\n const [stackCalloutProps, setStackCalloutProps] = React.useState<CustomizedCalloutData>();\n const [xAxisCalloutAccessibilityData, setXAxisCalloutAccessibilityData] = React.useState<AccessibilityProps>();\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const [isPopoverOpen, setPopoverOpen] = React.useState(false);\n const prevPropsRef = React.useRef<AreaChartProps | null>(null);\n\n React.useEffect(() => {\n if (prevPropsRef.current) {\n const prevProps = prevPropsRef.current;\n if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends || []);\n }\n }\n prevPropsRef.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n }),\n [],\n );\n\n const classes = useAreaChartStyles(props);\n\n function _getMargins(margins: Margins) {\n _margins = margins;\n }\n\n function _onRectMouseMove(mouseEvent: React.MouseEvent<SVGRectElement | SVGPathElement | SVGCircleElement>) {\n mouseEvent.persist();\n const { data } = props;\n const { lineChartData } = data;\n _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n // This will get the value of the X when mouse is on the chart\n // eslint-disable-next-line @nx/workspace-no-restricted-globals\n const xOffset = _xAxisRectScale.invert(pointer(mouseEvent)[0], document.getElementById(_rectId)!);\n const i = bisect(lineChartData![0].data, xOffset);\n const d0 = lineChartData![0].data[i - 1] as LineChartDataPoint;\n const d1 = lineChartData![0].data[i] as LineChartDataPoint;\n let pointToHighlight: string | Date | number | null = null;\n let index: null | number = null;\n const axisType =\n lineChartData![0].data.length > 0 ? (getTypeOfAxis(lineChartData![0].data[0].x, true) as XAxisTypes) : null;\n if (d0 === undefined && d1 !== undefined) {\n pointToHighlight = d1.x;\n index = i;\n } else if (d0 !== undefined && d1 === undefined) {\n pointToHighlight = d0.x;\n index = i - 1;\n } else {\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 pointToHighlight = 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 pointToHighlight = 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 // eslint-disable-next-line @typescript-eslint/no-shadow\n const { xAxisCalloutData, xAxisCalloutAccessibilityData } = lineChartData![0].data[index as number];\n const formattedDate =\n pointToHighlight instanceof Date ? formatDate(pointToHighlight, props.useUTC) : pointToHighlight;\n const modifiedXVal = pointToHighlight instanceof Date ? pointToHighlight.getTime() : pointToHighlight;\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 // eslint-disable-next-line @typescript-eslint/no-shadow\n const _nearestCircleToHighlight =\n axisType === XAxisTypes.DateAxis ? (pointToHighlight as Date).getTime() : pointToHighlight;\n // if no points need to be called out then don't show vertical line and callout card\n if (found) {\n const filteredValues = _getFilteredLegendValues(found.values);\n setNearestCircleToHighlight(_nearestCircleToHighlight);\n setLineXValue(_xAxisRectScale(pointToHighlight));\n setDisplayOfLine(InterceptVisibility.show);\n setIsCircleClicked(false);\n setStackCalloutProps({ ...found, values: filteredValues });\n setYValueHover(filteredValues);\n setDataPointCalloutProps({ ...found, values: filteredValues });\n setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n setXAxisCalloutAccessibilityData(xAxisCalloutAccessibilityData);\n setActivePoint('');\n } else {\n setPopoverOpen(false);\n setNearestCircleToHighlight(nearestCircleToHighlight);\n setDisplayOfLine(InterceptVisibility.hide);\n setIsCircleClicked(false);\n }\n }\n /**\n * just cleaning up the state which we have set in the mouse move event\n */\n function _onRectMouseOut() {\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 _handleChartMouseLeave() {\n setPopoverOpen(false);\n setNearestCircleToHighlight(null);\n setLineXValue(0);\n setDisplayOfLine(InterceptVisibility.hide);\n setIsCircleClicked(false);\n setStackCalloutProps(undefined);\n setDataPointCalloutProps(undefined);\n setHoverXValue(undefined);\n setYValueHover([]);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _getDataPoints(keys: string[], dataSet: any) {\n const renderPoints: Array<AreaChartDataSetPoint[]> = [];\n let maxOfYVal = 0;\n\n if (props.mode === 'tozeroy') {\n keys.forEach((key, index) => {\n const currentLayer: AreaChartDataSetPoint[] = [];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n dataSet.forEach((d: any) => {\n currentLayer.push({\n values: [0, d[key]], // Start from zero for \"tozeroy\" mode\n xVal: d.xVal,\n });\n if (d[key] > maxOfYVal) {\n maxOfYVal = d[key];\n }\n });\n renderPoints.push(currentLayer);\n });\n } else {\n const dataValues = d3Stack().keys(keys)(dataSet);\n maxOfYVal = d3Max(dataValues[dataValues.length - 1], dp => dp[1])!;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n dataValues.forEach((layer: any) => {\n const currentLayer: AreaChartDataSetPoint[] = [];\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n layer.forEach((d: any) => {\n currentLayer.push({\n values: d,\n xVal: d.data.xVal,\n });\n });\n renderPoints.push(currentLayer);\n });\n }\n\n _isMultiStackChart = !!(props.legendProps?.selectedLegends\n ? renderPoints?.length >= 1\n : renderPoints?.length > 1);\n return {\n renderData: renderPoints,\n maxOfYVal,\n };\n }\n\n function _createDataSet(points: LineChartPoints[]) {\n if (props.enablePerfOptimization && _enableComputationOptimization) {\n const allChartPoints: LineChartDataPoint[] = [];\n const dataSet: AreaChartDataSetPoint[] = [];\n const colors: string[] = [];\n const opacity: number[] = [];\n const calloutPoints = calloutData(points!);\n\n points &&\n points.length &&\n points.forEach((singleChartPoint: LineChartPoints) => {\n colors.push(singleChartPoint.color!);\n opacity.push(singleChartPoint.opacity || 1);\n allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n });\n\n const mapOfXvalToListOfDataPoints: MapXToDataSet = {};\n allChartPoints.forEach((dataPoint: LineChartDataPoint) => {\n const xValue = dataPoint.x instanceof Date ? dataPoint.x.toLocaleString() : dataPoint.x;\n // map of x value to the list of data points which share the same x value .\n if (mapOfXvalToListOfDataPoints[xValue]) {\n mapOfXvalToListOfDataPoints[xValue].push(dataPoint);\n } else {\n mapOfXvalToListOfDataPoints[xValue] = [dataPoint];\n }\n });\n\n Object.keys(mapOfXvalToListOfDataPoints).forEach((key: number | string) => {\n const value: LineChartDataPoint[] = mapOfXvalToListOfDataPoints[key];\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const singleDataset: any = {};\n value.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n singleDataset.xVal = singleDataPoint.x;\n singleDataset[`chart${index}`] = singleDataPoint.y;\n });\n dataSet.push(singleDataset);\n });\n\n // get keys from dataset, used to render data\n const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n const keys: string[] = [];\n for (let i = 0; i < keysLength - 1; i++) {\n const keyVal = `chart${i}`;\n keys.push(keyVal);\n }\n\n // Data used to draw graph\n const data = _getDataPoints(keys, dataSet);\n\n return {\n colors,\n opacity,\n keys,\n data,\n calloutPoints,\n };\n } else {\n const allChartPoints: LineChartDataPoint[] = [];\n const dataSet: AreaChartDataSetPoint[] = [];\n const colors: string[] = [];\n const opacity: number[] = [];\n const calloutPoints = calloutData(points!);\n\n points &&\n points.length &&\n points.forEach((singleChartPoint: LineChartPoints) => {\n colors.push(singleChartPoint.color!);\n opacity.push(singleChartPoint.opacity || 1);\n allChartPoints.push(...(singleChartPoint.data as LineChartDataPoint[]));\n });\n\n let tempArr = allChartPoints;\n while (tempArr.length) {\n const valToCheck = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n const filteredChartPoints: LineChartDataPoint[] = tempArr.filter(\n (point: LineChartDataPoint) =>\n (point.x instanceof Date ? point.x.toLocaleString() : point.x) === valToCheck,\n );\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const singleDataset: any = {};\n filteredChartPoints.forEach((singleDataPoint: LineChartDataPoint, index: number) => {\n singleDataset.xVal = singleDataPoint.x;\n singleDataset[`chart${index}`] = singleDataPoint.y;\n });\n dataSet.push(singleDataset);\n // removing compared objects from array\n const val = tempArr[0].x instanceof Date ? tempArr[0].x.toLocaleString() : tempArr[0].x;\n tempArr = tempArr.filter(\n (point: LineChartDataPoint) => (point.x instanceof Date ? point.x.toLocaleString() : point.x) !== val,\n );\n }\n\n // get keys from dataset, used to create stacked data\n const keysLength: number = dataSet && Object.keys(dataSet[0])!.length;\n const keys: string[] = [];\n for (let i = 0; i < keysLength - 1; i++) {\n const keyVal = `chart${i}`;\n keys.push(keyVal);\n }\n\n // Data used to draw graph\n const data = _getDataPoints(keys, dataSet);\n\n return {\n colors,\n opacity,\n keys,\n data,\n calloutPoints,\n };\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 _getGraphData(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xAxis: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yAxis: any,\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement | null,\n ) {\n _chart = _drawGraph(containerHeight, xAxis, yAxis, xElement!);\n }\n\n function _onLegendHover(legend: string): void {\n setActiveLegend(legend);\n }\n\n function _onLegendLeave(): void {\n setActiveLegend(undefined);\n }\n\n function _getLegendData(points: LineChartPoints[]): JSX.Element {\n const data = points;\n const actions: Legend[] = [];\n\n data.forEach((singleChartData: LineChartPoints) => {\n const color: string = singleChartData.color!;\n const checkSimilarLegends = actions.filter(\n (leg: Legend) => leg.title === singleChartData.legend && leg.color === color,\n );\n if (checkSimilarLegends!.length > 0) {\n return;\n }\n\n const legend: Legend = {\n title: singleChartData.legend,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(singleChartData.legend);\n },\n onMouseOutAction: () => {\n _onLegendLeave();\n },\n };\n\n actions.push(legend);\n });\n return (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n {...props.legendProps}\n onChange={_onLegendSelectionChange}\n />\n );\n }\n\n function _onLegendSelectionChange(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n selectedLegends: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): 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\n function _onDataPointClick(func: (() => void) | undefined) {\n if (func) {\n func();\n }\n setIsCircleClicked(true);\n }\n\n function _getOpacity(legend: string): number {\n if (!_isMultiStackChart) {\n return 0.7;\n } else {\n const opacity = _legendHighlighted(legend) || _noLegendHighlighted() ? 0.7 : 0.1;\n return opacity;\n }\n }\n\n function _getLineOpacity(legend: string): number {\n if (!_isMultiStackChart) {\n return 1;\n } else {\n let opacity = 0.3;\n if (isPopoverOpen) {\n opacity = 1;\n }\n if (!_noLegendHighlighted()) {\n opacity = _legendHighlighted(legend) ? 0 : 0.1;\n }\n return opacity;\n }\n }\n\n function _updateCircleFillColor(xDataPoint: number | Date, lineColor: string, circleId: string): string {\n let fillColor = lineColor;\n if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n if (!isCircleClicked) {\n fillColor = tokens.colorNeutralBackground1;\n }\n }\n\n return fillColor;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _drawGraph(containerHeight: number, xScale: any, yScale: any, xElement: SVGElement): JSX.Element[] {\n const points = _addDefaultColors(props.data.lineChartData);\n const { pointOptions, pointLineOptions } = props.data;\n\n const graph: JSX.Element[] = [];\n let lineColor: string;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n _data.forEach((singleStackedData: Array<any>, index: number) => {\n const curveFactory = getCurveFactory(points[index].lineOptions?.curve, d3CurveBasis);\n const area = d3Area()\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .x((d: any) => xScale(d.xVal))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .y0((d: any) => yScale(d.values[0]))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .y1((d: any) => yScale(d.values[1]))\n .curve(curveFactory);\n const line = d3Line()\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .x((d: any) => xScale(d.xVal))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .y((d: any) => yScale(d.values[1]))\n .curve(curveFactory);\n const layerOpacity = props.mode === 'tozeroy' ? 0.8 : _opacity[index];\n graph.push(\n <React.Fragment key={`${index}-graph-${_uniqueIdForGraph}`}>\n {props.enableGradient && (\n <defs>\n <linearGradient id={`gradient_${index}`} x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\">\n <stop offset=\"0\" stopColor={_colors[index]} />\n <stop offset=\"100%\" stopColor=\"transparent\" />\n </linearGradient>\n </defs>\n )}\n <path\n id={`${index}-line-${_uniqueIdForGraph}`}\n d={line(singleStackedData)!}\n fill={'transparent'}\n strokeWidth={points[index].lineOptions?.strokeWidth ?? 3}\n stroke={_colors[index]}\n opacity={_getLineOpacity(points[index]!.legend)}\n onMouseMove={event => _onRectMouseMove(event)}\n onMouseOut={_onRectMouseOut}\n onMouseOver={event => _onRectMouseMove(event)}\n strokeDasharray={points[index].lineOptions?.strokeDasharray}\n strokeDashoffset={points[index].lineOptions?.strokeDashoffset}\n strokeLinecap={points[index].lineOptions?.strokeLinecap}\n />\n {singleStackedData.length === 1 ? (\n <circle\n id={`${index}-graph-${_uniqueIdForGraph}`}\n cx={xScale(singleStackedData[0].xVal)}\n cy={yScale(singleStackedData[0].values[1])}\n r={6}\n stroke={_colors[index]}\n strokeWidth={3}\n fill={_colors[index]}\n opacity={layerOpacity}\n fillOpacity={_getOpacity(points[index]!.legend)}\n onMouseMove={event => _onRectMouseMove(event)}\n onMouseOut={_onRectMouseOut}\n onMouseOver={event => _onRectMouseMove(event)}\n />\n ) : (\n <path\n id={`${index}-graph-${_uniqueIdForGraph}`}\n d={area(singleStackedData)!}\n fill={props.enableGradient ? `url(#gradient_${index})` : _colors[index]}\n opacity={layerOpacity}\n fillOpacity={_getOpacity(points[index]!.legend)}\n onMouseMove={event => _onRectMouseMove(event)}\n onMouseOut={_onRectMouseOut}\n onMouseOver={event => _onRectMouseMove(event)}\n {...(props.optimizeLargeData && {\n tabIndex: _legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined,\n role: 'img',\n 'aria-label': `${points[index].legend}, series ${index + 1} of ${points.length} with ${\n points[index].data.length\n } data points.`,\n })}\n />\n )}\n </React.Fragment>,\n );\n });\n\n const circleRadius = pointOptions && pointOptions.r ? Number(pointOptions.r) : 8;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n _data.forEach((singleStackedData: Array<any>, index: number) => {\n if (points.length === index) {\n return;\n }\n\n if (!props.optimizeLargeData || singleStackedData.length === 1) {\n // Render circles for all data points\n graph.push(\n <g\n key={`${index}-dots-${_uniqueIdForGraph}`}\n clipPath=\"url(#clip)\"\n role=\"region\"\n aria-label={`${points[index].legend}, series ${index + 1} of ${points.length} with ${\n points[index].data.length\n } data points.`}\n >\n {singleStackedData.map((singlePoint: DPointType, pointIndex: number) => {\n const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n lineColor = points[index]!.color!;\n const legend = points[index]!.legend;\n return (\n <circle\n key={circleId}\n id={circleId}\n tabIndex={_legendHighlighted(points[index]!.legend) || _noLegendHighlighted() ? 0 : undefined}\n cx={xScale(singlePoint.xVal)}\n cy={yScale(singlePoint.values[1])}\n stroke={lineColor}\n strokeWidth={3}\n fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n onMouseOut={_onRectMouseOut}\n onMouseOver={event => _onRectMouseMove(event)}\n onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n onFocus={() => _handleFocus(index, pointIndex, circleId)}\n onBlur={_handleBlur}\n {...getSecureProps(pointOptions)}\n r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n role=\"img\"\n aria-label={_getAriaLabel(index, pointIndex)}\n />\n );\n })}\n </g>,\n );\n } else {\n // Render circles for data points close to the mouse pointer only\n singleStackedData.forEach((singlePoint: DPointType, pointIndex: number) => {\n const xDataPoint = singlePoint.xVal instanceof Date ? singlePoint.xVal.getTime() : singlePoint.xVal;\n if (nearestCircleToHighlight === xDataPoint) {\n const circleId = `${_circleId}_${index * _data[0].length + pointIndex}`;\n lineColor = points[index]!.color!;\n const legend = points[index]!.legend;\n graph.push(\n <circle\n key={circleId}\n id={circleId}\n cx={xScale(singlePoint.xVal)}\n cy={yScale(singlePoint.values[1])}\n stroke={lineColor}\n strokeWidth={3}\n fill={_updateCircleFillColor(xDataPoint, lineColor, circleId)}\n onMouseOut={_onRectMouseOut}\n onMouseOver={event => _onRectMouseMove(event)}\n onClick={() => _onDataPointClick(points[index]!.data[pointIndex].onDataPointClick!)}\n {...getSecureProps(pointOptions)}\n r={_getCircleRadius(xDataPoint, circleRadius, circleId, legend)}\n />,\n );\n }\n });\n }\n });\n graph.push(\n <line\n id={_verticalLineId}\n key={_verticalLineId}\n x1={lineXValue}\n y1={0}\n x2={lineXValue}\n y2={containerHeight}\n strokeWidth={1}\n strokeDasharray={5.5}\n stroke={lineColor!}\n opacity={0.5}\n visibility={displayOfLine}\n {...getSecureProps(pointLineOptions)}\n />,\n );\n // Removing un wanted tooltip div from DOM, when prop not provided.\n if (!props.showXAxisLablesTooltip) {\n try {\n // eslint-disable-next-line @nx/workspace-no-restricted-globals\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(xScale);\n try {\n // eslint-disable-next-line @nx/workspace-no-restricted-globals\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 graph;\n }\n\n function _getCircleRadius(xDataPoint: number, circleRadius: number, circleId: string, legend: string): number {\n // Show the circle if no legends are selected or if the point's legend is in the selected legends\n if (!_noLegendHighlighted() && !_legendHighlighted(legend)) {\n return 0;\n }\n\n if (isCircleClicked && nearestCircleToHighlight === xDataPoint) {\n return 1;\n } else if (nearestCircleToHighlight === xDataPoint || activePoint === circleId) {\n return circleRadius;\n } else {\n return 0;\n }\n }\n\n /**\n * This function checks if the given legend is highlighted or not.\n * A legend can be highlighted in 2 ways:\n * 1. selection: if the user clicks on it\n * 2. hovering: if there is no selected legend and the user hovers over it\n */\n function _legendHighlighted(legend: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n /**\n * This function checks if none of the legends is selected or hovered.\n */\n function _noLegendHighlighted() {\n return _getHighlightedLegend().length === 0;\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : activeLegend ? [activeLegend] : [];\n }\n\n function _addDefaultColors(lineChartData?: LineChartPoints[]): LineChartPoints[] {\n return lineChartData\n ? lineChartData.map((item, index) => {\n let color: string;\n // isInverted property is applicable to v8 themes only\n if (typeof item.color === 'undefined') {\n color = getNextColor(index, 0);\n } else {\n color = getColorFromToken(item.color);\n }\n\n return { ...item, color };\n })\n : [];\n }\n\n function _handleFocus(lineIndex: number, pointIndex: number, circleId: string) {\n const { x, y, xAxisCalloutData } = props.data.lineChartData![lineIndex].data[pointIndex];\n const formattedDate = x instanceof Date ? formatDate(x, props.useUTC) : x;\n const modifiedXVal = x instanceof Date ? x.getTime() : x;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const found: any = _calloutPoints.find((e: { x: string | number }) => e.x === modifiedXVal);\n // Show details in the callout for the focused point only\n found.values = found.values.filter((e: { y: number }) => e.y === y);\n const filteredValues = _getFilteredLegendValues(found.values);\n\n setPopoverOpen(true);\n setHoverXValue(xAxisCalloutData ? xAxisCalloutData : formattedDate);\n setYValueHover(filteredValues!);\n setStackCalloutProps({ ...found, values: filteredValues });\n setDataPointCalloutProps({ ...found, values: filteredValues });\n setActivePoint(circleId);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _getFilteredLegendValues(values: any) {\n return !_noLegendHighlighted()\n ? values.filter((value: { legend: string }) => _legendHighlighted(value.legend))\n : values;\n }\n\n function _handleBlur() {\n setPopoverOpen(false);\n setHoverXValue(undefined);\n setYValueHover([]);\n setStackCalloutProps(undefined);\n setDataPointCalloutProps(undefined);\n setActivePoint('');\n }\n\n function _getAriaLabel(lineIndex: number, pointIndex: number): string {\n const line = props.data.lineChartData![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 (\n props.data &&\n props.data.lineChartData &&\n props.data.lineChartData.length > 0 &&\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n props.data.lineChartData.filter((item: { data: string | any[] }) => item.data.length === 0).length === 0\n )\n // if all the data sets have no data\n // filtering all items which have no data and checking if the length of the filtered array is 0\n // which means chart is not empty\n );\n }\n\n function _getChartTitle(): string {\n const { chartTitle, lineChartData } = props.data;\n return (chartTitle ? `${chartTitle}. ` : '') + `Area chart with ${lineChartData?.length || 0} data series. `;\n }\n\n if (!_isChartEmpty()) {\n const { lineChartData } = props.data;\n const points = _addDefaultColors(lineChartData);\n _createSet = _createDataSet;\n const { colors, opacity, data, calloutPoints } = _createSet(points);\n _calloutPoints = calloutPoints;\n const isXAxisDateType = getXAxisType(points);\n _colors = colors;\n _opacity = opacity;\n _data = data.renderData;\n const legends: JSX.Element = _getLegendData(points);\n\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n const calloutProps: ChartPopoverProps = {\n YValueHover: YValueHover!,\n hoverXValue: hoverXValue!,\n xAxisCalloutAccessibilityData,\n ...props.calloutProps,\n clickPosition,\n isPopoverOpen,\n isCartesian: true,\n customCallout: {\n customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n isCalloutForStack: true,\n };\n return (\n <CartesianChart\n {...props}\n chartTitle={_getChartTitle()}\n points={points}\n chartType={ChartTypes.AreaChart}\n calloutProps={calloutProps}\n legendBars={legends}\n xAxisType={isXAxisDateType ? XAxisTypes.DateAxis : XAxisTypes.NumericAxis}\n tickParams={tickParams}\n maxOfYVal={data.maxOfYVal}\n getGraphData={_getGraphData}\n getmargins={_getMargins}\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, @typescript-eslint/no-shadow\n children={(props: ChildProps) => {\n _xAxisRectScale = props.xScale;\n const ticks = _xAxisRectScale.ticks();\n const width1 = _xAxisRectScale(ticks[ticks.length - 1]);\n const rectHeight = props.containerHeight! - _margins.top!;\n return (\n <>\n <g>\n <rect\n id={_rectId}\n width={width1}\n height={rectHeight}\n fill={'transparent'}\n onMouseMove={event => _onRectMouseMove(event)}\n onMouseOut={_onRectMouseOut}\n onMouseOver={event => _onRectMouseMove(event)}\n />\n </g>\n <g>{_chart}</g>\n </>\n );\n }}\n />\n );\n }\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n },\n);\nAreaChart.displayName = 'AreaChart';\n"],"names":["React","useAreaChartStyles","max","d3Max","bisector","pointer","select","d3Select","tokens","area","d3Area","stack","d3Stack","curveMonotoneX","d3CurveBasis","line","d3Line","CartesianChart","calloutData","getXAxisType","ChartTypes","XAxisTypes","getTypeOfAxis","tooltipOfXAxislabels","getNextColor","getColorFromToken","formatDate","getSecureProps","areArraysEqual","getCurveFactory","find","useId","Legends","bisect","d","x","left","InterceptVisibility","AreaChart","forwardRef","props","forwardedRef","_uniqueIdForGraph","_verticalLineId","_circleId","_rectId","_tooltipId","_enableComputationOptimization","_firstRenderOptimization","_emptyChartId","_calloutPoints","_createSet","_colors","_opacity","_data","_chart","_margins","_xAxisRectScale","_isMultiStackChart","cartesianChartRef","useRef","selectedLegends","setSelectedLegends","useState","legendProps","activeLegend","setActiveLegend","undefined","hoverXValue","setHoverXValue","YValueHover","setYValueHover","lineXValue","setLineXValue","displayOfLine","setDisplayOfLine","isCircleClicked","setIsCircleClicked","nearestCircleToHighlight","setNearestCircleToHighlight","activePoint","setActivePoint","dataPointCalloutProps","setDataPointCalloutProps","stackCalloutProps","setStackCalloutProps","xAxisCalloutAccessibilityData","setXAxisCalloutAccessibilityData","clickPosition","setClickPosition","y","isPopoverOpen","setPopoverOpen","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","classes","_getMargins","margins","_onRectMouseMove","mouseEvent","persist","data","lineChartData","_updatePosition","clientX","clientY","xOffset","invert","document","getElementById","i","d0","d1","pointToHighlight","index","axisType","length","x0","point0","point1","DateAxis","Date","getTime","Math","abs","NumericAxis","xAxisCalloutData","formattedDate","useUTC","modifiedXVal","found","element","_nearestCircleToHighlight","filteredValues","_getFilteredLegendValues","values","_onRectMouseOut","newX","newY","threshold","distance","sqrt","pow","_handleChartMouseLeave","_getDataPoints","keys","dataSet","renderPoints","maxOfYVal","mode","forEach","key","currentLayer","push","xVal","dataValues","dp","layer","renderData","_createDataSet","points","enablePerfOptimization","allChartPoints","colors","opacity","calloutPoints","singleChartPoint","color","mapOfXvalToListOfDataPoints","dataPoint","xValue","toLocaleString","Object","value","singleDataset","singleDataPoint","keysLength","keyVal","tempArr","valToCheck","filteredChartPoints","filter","point","val","_getCustomizedCallout","onRenderCalloutPerStack","onRenderCalloutPerDataPoint","_getGraphData","xAxis","yAxis","containerHeight","containerWidth","xElement","_drawGraph","_onLegendHover","legend","_onLegendLeave","_getLegendData","actions","singleChartData","checkSimilarLegends","leg","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","onChange","_onLegendSelectionChange","event","currentLegend","canSelectMultipleLegends","slice","_onDataPointClick","func","_getOpacity","_legendHighlighted","_noLegendHighlighted","_getLineOpacity","_updateCircleFillColor","xDataPoint","lineColor","circleId","fillColor","colorNeutralBackground1","xScale","yScale","_addDefaultColors","pointOptions","pointLineOptions","graph","singleStackedData","curveFactory","lineOptions","curve","y0","y1","layerOpacity","Fragment","enableGradient","defs","linearGradient","id","x1","x2","y2","stop","offset","stopColor","path","fill","strokeWidth","stroke","onMouseMove","onMouseOut","onMouseOver","strokeDasharray","strokeDashoffset","strokeLinecap","circle","cx","cy","r","fillOpacity","optimizeLargeData","tabIndex","role","circleRadius","Number","g","clipPath","aria-label","map","singlePoint","pointIndex","onClick","onDataPointClick","onFocus","_handleFocus","onBlur","_handleBlur","_getCircleRadius","_getAriaLabel","visibility","showXAxisLablesTooltip","remove","e","wrapXAxisLables","xAxisElement","call","tooltipProps","tooltipCls","tooltip","_getHighlightedLegend","includes","item","lineIndex","yValue","yAxisCalloutData","callOutAccessibilityData","ariaLabel","_isChartEmpty","_getChartTitle","chartTitle","isXAxisDateType","tickParams","tickValues","tickFormat","calloutProps","isCartesian","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCalloutForStack","chartType","legendBars","xAxisType","getGraphData","getmargins","onChartMouseLeave","enableFirstRenderOptimization","children","ticks","width1","rectHeight","top","rect","width","height","div","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -0,0 +1,4 @@
+/**
+ * Area Chart style properties
+ * {@docCategory AreaChart}
+ */ export { };

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["AreaChart.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport {\n ChartProps,\n RefArrayData,\n Basestate,\n LineChartDataPoint,\n LineChartPoints,\n CustomizedCalloutData,\n Margins,\n} from '../../types/index';\nimport {\n CartesianChartStyles,\n CartesianChartStyleProps,\n CartesianChartProps,\n ChildProps,\n} from '../CommonComponents/CartesianChart.types';\n\nexport type { ChildProps, RefArrayData, Basestate, LineChartDataPoint, LineChartPoints, Margins };\n\n/**\n * Area Chart properties.\n * {@docCategory AreaChart}\n */\nexport interface AreaChartProps 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?: CartesianChartStyles;\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 * 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 * Optimize area chart rendering for large data set.\n */\n optimizeLargeData?: boolean;\n\n /**\n * @default false\n * The prop used to enable gradient fill color for the chart.\n */\n enableGradient?: boolean;\n\n /**\n * @default tonexty\n * The prop used to define the Y axis mode (tonexty or tozeroy)\n */\n mode?: 'tozeroy' | 'tonexty';\n}\n\n/**\n * Area Chart styles\n * {@docCategory AreaChart}\n */\nexport interface AreaChartStyles extends CartesianChartStyles {}\n\n/**\n * Area Chart style properties\n * {@docCategory AreaChart}\n */\nexport interface AreaChartStyleProps extends CartesianChartStyleProps {}\n"],"names":[],"rangeMappings":";;;","mappings":"AA+EA;;;CAGC,GACD,WAAwE"}

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

@@ -0,0 +1,3 @@
+export * from './AreaChart';
+export * from './AreaChart.types';
+export * from '../../types/index';

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

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

package/lib/components/AreaChart/useAreaChartStyles.styles.js ADDED Viewed

@@ -0,0 +1,55 @@
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { tokens, typographyStyles } from '@fluentui/react-theme';
+export const areaChartClassNames = {
+  tooltip: 'fui-ac__tooltip',
+  root: '',
+  xAxis: '',
+  yAxis: '',
+  legendContainer: '',
+  hover: '',
+  descriptionMessage: '',
+  axisTitle: '',
+  chartTitle: '',
+  opacityChangeOnHover: '',
+  shapeStyles: '',
+  chartWrapper: ''
+};
+const useStyles = /*#__PURE__*/__styles({
+  tooltip: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "f1i3iumi",
+    mc9l5x: "f22iagw",
+    Beiy3e4: "f1vx9l62",
+    z8tnut: "f17mpqex",
+    z189sj: ["f1vdfbxk", "f1f5gg8d"],
+    Byoj8tv: "fdvome7",
+    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
+    qhf8xq: "f1euv43f",
+    fsow6f: "f17mccla",
+    Bhzewxz: "fr6rvge",
+    De3pzq: "fxugw4r",
+    Beyfa6y: 0,
+    Bbmb7ep: 0,
+    Btl43ni: 0,
+    B7oj6ja: 0,
+    Dimara: "fq9zq91",
+    Bkecrkj: "f1aehjj5",
+    sj55zd: "f19n0e5"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".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);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
+    p: -1
+  }], ".f1aehjj5{pointer-events:none;}", ".f19n0e5{color:var(--colorNeutralForeground1);}"]
+});
+/**
+ * Apply styling to the AreaChart slots based on the state
+ */
+export const useAreaChartStyles = props => {
+  const baseStyles = useStyles();
+  return {
+    tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/)
+  };
+};
+//# sourceMappingURL=useAreaChartStyles.styles.js.map

package/lib/components/AreaChart/useAreaChartStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","sj55zd","d","p","useAreaChartStyles","props","baseStyles"],"sources":["useAreaChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const areaChartClassNames = {\n tooltip: 'fui-ac__tooltip',\n root: '',\n xAxis: '',\n yAxis: '',\n legendContainer: '',\n hover: '',\n descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n opacityChangeOnHover: '',\n shapeStyles: '',\n chartWrapper: ''\n};\nconst useStyles = makeStyles({\n tooltip: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n ...shorthands.padding(tokens.spacingHorizontalS),\n position: 'absolute',\n textAlign: 'center',\n top: tokens.spacingVerticalNone,\n backgroundColor: tokens.colorNeutralBackground1,\n borderRadius: tokens.borderRadiusSmall,\n pointerEvents: 'none',\n color: tokens.colorNeutralForeground1\n }\n});\n/**\n * Apply styling to the AreaChart slots based on the state\n */ export const useAreaChartStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ )\n };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,OAAO,EAAE,iBAAiB;EAC1BC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,KAAK,EAAE,EAAE;EACTC,eAAe,EAAE,EAAE;EACnBC,KAAK,EAAE,EAAE;EACTC,kBAAkB,EAAE,EAAE;EACtBC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,EAAE;EACdC,oBAAoB,EAAE,EAAE;EACxBC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE;AAClB,CAAC;AACD,MAAMC,SAAS,gBAAGlB,QAAA;EAAAM,OAAA;IAAAa,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAcjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAG1B,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHZ,OAAO,EAAEL,YAAY,CAACI,mBAAmB,CAACC,OAAO,EAAEsC,UAAU,CAACtC,OAAO,CAAC,yBAA0B;EACpG,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/components/CommonComponents/CartesianChart.js CHANGED Viewed

@@ -31,6 +31,10 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
     const [removalValueForTextTuncate, setRemovalValueForTextTuncate] = React.useState(0);
     const [startFromX, setStartFromX] = React.useState(0);
     const [prevProps, setPrevProps] = React.useState(null);
+    const chartTypesToCheck = [
+        ChartTypes.HorizontalBarChartWithAxis,
+        ChartTypes.HeatMapChart
+    ];
     var _props_margins_top, _props_margins_bottom, _props_margins_left, _props_margins_right, _props_margins_right1, _props_margins_left1;
     /**
    * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.
@@ -52,9 +56,9 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
     if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {
         var _props_margins7, _props_margins8, _props_margins9, _props_margins10;
         var _props_margins_right2, _props_margins_left2;
-        margins.left = _useRtl ? ((_props_margins_right2 = (_props_margins7 = props.margins) === null || _props_margins7 === void 0 ? void 0 : _props_margins7.right) !== null && _props_margins_right2 !== void 0 ? _props_margins_right2 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 60 : 40 : (_props_margins_left2 = (_props_margins8 = props.margins) === null || _props_margins8 === void 0 ? void 0 : _props_margins8.left) !== null && _props_margins_left2 !== void 0 ? _props_margins_left2 : 60;
+        margins.left = _useRtl ? ((_props_margins_right2 = (_props_margins7 = props.margins) === null || _props_margins7 === void 0 ? void 0 : _props_margins7.right) !== null && _props_margins_right2 !== void 0 ? _props_margins_right2 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 80 : 40 : (_props_margins_left2 = (_props_margins8 = props.margins) === null || _props_margins8 === void 0 ? void 0 : _props_margins8.left) !== null && _props_margins_left2 !== void 0 ? _props_margins_left2 : 60;
         var _props_margins_left3, _props_margins_right3;
-        margins.right = _useRtl ? (_props_margins_left3 = (_props_margins9 = props.margins) === null || _props_margins9 === void 0 ? void 0 : _props_margins9.left) !== null && _props_margins_left3 !== void 0 ? _props_margins_left3 : 60 : ((_props_margins_right3 = (_props_margins10 = props.margins) === null || _props_margins10 === void 0 ? void 0 : _props_margins10.right) !== null && _props_margins_right3 !== void 0 ? _props_margins_right3 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 60 : 40;
+        margins.right = _useRtl ? (_props_margins_left3 = (_props_margins9 = props.margins) === null || _props_margins9 === void 0 ? void 0 : _props_margins9.left) !== null && _props_margins_left3 !== void 0 ? _props_margins_left3 : 60 : ((_props_margins_right3 = (_props_margins10 = props.margins) === null || _props_margins10 === void 0 ? void 0 : _props_margins10.right) !== null && _props_margins_right3 !== void 0 ? _props_margins_right3 : props === null || props === void 0 ? void 0 : props.secondaryYAxistitle) ? 80 : 40;
     }
     const classes = useCartesianChartStyles(props);
     const focusAttributes = useFocusableGroup();
@@ -67,8 +71,8 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
         if (props !== null) {
             setPrevProps(props);
         }
-        if (props.chartType === ChartTypes.HorizontalBarChartWithAxis && props.showYAxisLables && yAxisElement.current) {
-            const maxYAxisLabelLength = calculateLongestLabelWidth(props.points.map((point)=>point.y), `.${classes.yAxis} text`);
+        if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {
+            const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis);
             if (startFromX !== maxYAxisLabelLength) {
                 setStartFromX(maxYAxisLabelLength);
             }
@@ -90,8 +94,8 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
                 _fitParentContainer();
             }
         }
-        if (props.chartType === ChartTypes.HorizontalBarChartWithAxis && props.showYAxisLables && yAxisElement.current) {
-            const maxYAxisLabelLength = calculateLongestLabelWidth(props.points.map((point)=>point.y), `.${classes.yAxis} text`);
+        if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {
+            const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis);
             if (startFromX !== maxYAxisLabelLength) {
                 setStartFromX(maxYAxisLabelLength);
             }
@@ -135,6 +139,15 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
     function _generateCallout(calloutProps) {
         return /*#__PURE__*/ React.createElement(ChartPopover, calloutProps);
     }
+    function calculateMaxYAxisLabelLength(chartType, // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    points, className) {
+        if (chartType === ChartTypes.HeatMapChart) {
+            var _points__data, _points_;
+            return calculateLongestLabelWidth((_points_ = points[0]) === null || _points_ === void 0 ? void 0 : (_points__data = _points_.data) === null || _points__data === void 0 ? void 0 : _points__data.map((point)=>point.y), `.${className} text`);
+        } else {
+            return calculateLongestLabelWidth(points === null || points === void 0 ? void 0 : points.map((point)=>point.y), `.${className} text`);
+        }
+    }
     const { calloutProps, points, chartType, svgProps, culture, dateLocalizeOptions, timeFormatLocale, customDateTimeFormatter } = props;
     if (props.parentRef) {
         _fitParentContainer();
@@ -142,7 +155,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
     const margin = {
         ...margins
     };
-    if (props.chartType === ChartTypes.HorizontalBarChartWithAxis) {
+    if (chartTypesToCheck.includes(props.chartType)) {
         if (!_useRtl) {
             margin.left += startFromX;
         } else {
@@ -262,15 +275,15 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
                     yMinMaxValues: getMinMaxOfYAxis(points, chartType),
                     yAxisPadding: props.yAxisPadding
                 };
-                yScaleSecondary = createYAxis(YAxisParamsSecondary, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset, true);
+                yScaleSecondary = createYAxis(YAxisParamsSecondary, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset, true, props.roundedTicks);
             }
-            yScale = createYAxis(YAxisParams, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset);
+            yScale = createYAxis(YAxisParams, _useRtl, axisData, chartType, props.barwidth, isIntegralDataset, false, props.roundedTicks);
         }
         /*
      * To create y axis tick values by if specified
     truncating the rest of the text and showing elipsis
     or showing the whole string,
-     * */ props.chartType === ChartTypes.HorizontalBarChartWithAxis && yScale && createYAxisLabels(yAxisElement.current, yScale, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, startFromX, _useRtl);
+     * */ chartTypesToCheck.includes(props.chartType) && yScale && createYAxisLabels(yAxisElement.current, yScale, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, startFromX, _useRtl);
         // Call back to the chart.
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const _getData = (xScale, yScale)=>{
@@ -413,7 +426,8 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             textAnchor: 'middle'
         },
         maxWidth: xAxisTitleMaximumAllowedWidth,
-        wrapContent: wrapContent
+        wrapContent: wrapContent,
+        showBackground: true
     }), /*#__PURE__*/ React.createElement("g", {
         ref: (e)=>{
             yAxisElement.current = e;
@@ -426,7 +440,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             yAxisElementSecondary.current = e;
         },
         id: `yAxisGElementSecondary${idForGraph}`,
-        transform: `translate(${_useRtl ? margins.left : svgDimensions.width - margins.right}, 0)`,
+        transform: `translate(${_useRtl ? margins.left + startFromX : svgDimensions.width - margins.right - startFromX}, 0)`,
         className: classes.yAxis
     }), props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && /*#__PURE__*/ React.createElement(SVGTooltipText, {
         content: props.secondaryYAxistitle,
@@ -439,7 +453,8 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             className: classes.axisTitle
         },
         maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: wrapContent
+        wrapContent: wrapContent,
+        showBackground: true
     })), children, props.yAxisTitle !== undefined && props.yAxisTitle !== '' && /*#__PURE__*/ React.createElement(SVGTooltipText, {
         content: props.yAxisTitle,
         textProps: {
@@ -451,7 +466,8 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             className: classes.axisTitle
         },
         maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: wrapContent
+        wrapContent: wrapContent,
+        showBackground: true
     }))), !props.hideLegend && /*#__PURE__*/ React.createElement("div", {
         ref: (e)=>legendContainer = e,
         className: classes.legendContainer

package/lib/components/CommonComponents/CartesianChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps, HorizontalBarChartWithAxisDataPoint } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport {\n createNumericXAxis,\n createStringXAxis,\n IAxisData,\n getDomainNRangeValues,\n createDateXAxis,\n createYAxis,\n createStringYAxis,\n IMargins,\n getMinMaxOfYAxis,\n XAxisTypes,\n YAxisType,\n createWrapOfXLabels,\n rotateXAxisLabels,\n calculateLongestLabelWidth,\n createYAxisLabels,\n ChartTypes,\n wrapContent,\n useRtl,\n} from '../../utilities/index';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/*\n Cartesian Chart component\n * {@docCategory CartesianChart}\n /\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n HTMLDivElement,\n ModifiedCartesianChartProps\n>((props, forwardedRef) => {\n const chartContainer = React.useRef<HTMLDivElement>();\n let legendContainer: HTMLDivElement;\n const minLegendContainerHeight: number = 40;\n const xAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElementSecondary = React.useRef<SVGSVGElement>();\n let margins: IMargins;\n const idForGraph: string = 'chart_';\n let _reqID: number;\n const _useRtl: boolean = useRtl();\n let _tickValues: (string \| number)[];\n const titleMargin: number = 8;\n const _isFirstRender = React.useRef<boolean>(true);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xScale: any;\n let isIntegralDataset: boolean = true;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(0);\n const [containerHeight, setContainerHeight] = React.useState<number>(0);\n const [isRemoveValCalculated, setIsRemoveValCalculated] = React.useState<boolean>(true);\n const [removalValueForTextTuncate, setRemovalValueForTextTuncate] = React.useState<number>(0);\n const [startFromX, setStartFromX] = React.useState<number>(0);\n const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps \| null>(null);\n\n /\n In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n * So that, in RTL, left margins becomes right margins and viceversa.\n * As graph needs to be drawn perfecty, these values consider as default values.\n * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n /\n // eslint-disable-next-line prefer-const\n margins = {\n top: props.margins?.top ?? 20,\n bottom: props.margins?.bottom ?? 35,\n right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n };\n if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n margins.bottom! = props.margins?.bottom ?? 55;\n }\n if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n margins.left! = _useRtl\n ? props.margins?.right ?? props?.secondaryYAxistitle\n ? 60\n : 40\n : props.margins?.left ?? 60;\n margins.right! = _useRtl ? props.margins?.left ?? 60 : props.margins?.right ?? props?.secondaryYAxistitle ? 60 : 40;\n }\n\n const classes = useCartesianChartStyles(props);\n const focusAttributes = useFocusableGroup();\n const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n // ComponentdidMount and Componentwillunmount logic\n React.useEffect(() => {\n _fitParentContainer();\n if (props !== null) {\n setPrevProps(props);\n }\n if (props.chartType === ChartTypes.HorizontalBarChartWithAxis && props.showYAxisLables && yAxisElement.current) {\n const maxYAxisLabelLength = calculateLongestLabelWidth(\n props.points.map((point: HorizontalBarChartWithAxisDataPoint) => point.y),\n `.${classes.yAxis} text`,\n );\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n return () => {\n cancelAnimationFrame(_reqID);\n };\n }, [props]);\n\n // ComponentDidUpdate logic\n React.useEffect(() => {\n if (prevProps) {\n if (prevProps.height !== props.height \|\| prevProps.width !== props.width) {\n _fitParentContainer();\n }\n }\n if (props.chartType === ChartTypes.HorizontalBarChartWithAxis && props.showYAxisLables && yAxisElement.current) {\n const maxYAxisLabelLength = calculateLongestLabelWidth(\n props.points.map((point: HorizontalBarChartWithAxisDataPoint) => point.y),\n `.${classes.yAxis} text`,\n );\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n if (prevProps !== null && prevProps.points !== props.points) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n }\n }, [props, prevProps]);\n\n React.useEffect(() => {\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const rotateLabelProps = {\n node: xAxisElement.current!,\n xAxis: _xScale,\n };\n const rotatedHeight = rotateXAxisLabels(rotateLabelProps);\n\n if (\n isRemoveValCalculated &&\n removalValueForTextTuncate !== rotatedHeight! + margins.bottom! &&\n rotatedHeight! > 0\n ) {\n setRemovalValueForTextTuncate(rotatedHeight! + margins.bottom!);\n setIsRemoveValCalculated(false);\n }\n }\n });\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: chartContainer.current ?? null,\n }),\n [],\n );\n\n /\n Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n * only the calloutprops and charthover props changes.\n * @param calloutProps\n * @param chartHoverProps\n * @returns\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _generateCallout(calloutProps: any): JSX.Element {\n return <ChartPopover {...calloutProps} />;\n }\n\n const {\n calloutProps,\n points,\n chartType,\n svgProps,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n } = props;\n if (props.parentRef) {\n _fitParentContainer();\n }\n const margin = { ...margins };\n if (props.chartType === ChartTypes.HorizontalBarChartWithAxis) {\n if (!_useRtl) {\n margin.left! += startFromX;\n } else {\n margin.right! += startFromX;\n }\n }\n // Callback for margins to the chart\n props.getmargins && props.getmargins(margin);\n\n let callout: JSX.Element \| null = null;\n\n let children = null;\n if ((props.enableFirstRenderOptimization && chartContainer.current) \|\| !props.enableFirstRenderOptimization) {\n _isFirstRender.current = false;\n const XAxisParams = {\n domainNRangeValues: getDomainNRangeValues(\n points,\n props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n containerWidth,\n chartType,\n _useRtl,\n props.xAxisType,\n props.barwidth!,\n props.tickValues!,\n // This is only used for Horizontal Bar Chart with Axis for y as string axis\n startFromX,\n ),\n containerHeight: containerHeight - removalValueForTextTuncate!,\n margins: margins,\n xAxisElement: xAxisElement.current!,\n showRoundOffXTickValues: true,\n xAxisCount: props.xAxisTickCount,\n xAxistickSize: props.xAxistickSize,\n tickPadding: props.tickPadding \|\| props.showXAxisLablesTooltip ? 5 : 10,\n xAxisPadding: props.xAxisPadding,\n xAxisInnerPadding: props.xAxisInnerPadding,\n xAxisOuterPadding: props.xAxisOuterPadding,\n containerWidth: containerWidth,\n hideTickOverlap:\n props.hideTickOverlap && !props.rotateXAxisLables && !props.showXAxisLablesTooltip && !props.wrapXAxisLables,\n };\n\n const YAxisParams = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElement.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.yMinValue \|\| 0,\n yMaxValue: props.yMaxValue \|\| 0,\n tickPadding: 10,\n maxOfYVal: props.maxOfYVal,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType, props.yAxisType),\n // please note these padding default values must be consistent in here\n // and the parent chart(HBWA/Vertical etc..) for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n yAxisPadding: props.yAxisPadding \|\| 0,\n };\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let xScale: any;\n let tickValues: (string \| number)[];\n switch (props.xAxisType!) {\n case XAxisTypes.NumericAxis:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n break;\n case XAxisTypes.DateAxis:\n ({ xScale, tickValues } = createDateXAxis(\n XAxisParams,\n props.tickParams!,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n props.useUTC,\n ));\n break;\n case XAxisTypes.StringAxis:\n ({ xScale, tickValues } = createStringXAxis(\n XAxisParams,\n props.tickParams!,\n props.datasetForXAxisDomain!,\n culture,\n ));\n break;\n default:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n }\n _xScale = xScale;\n _tickValues = tickValues;\n\n /\n * To enable wrapping of x axis tick values or to display complete x axis tick values,\n * we need to calculate how much space it needed to render the text.\n * No need to re-calculate every time the chart renders and same time need to get an update. So using set\n * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n * /\n if (props.wrapXAxisLables \|\| props.showXAxisLablesTooltip) {\n const wrapLabelProps = {\n node: xAxisElement.current!,\n xAxis: xScale,\n showXAxisLablesTooltip: props.showXAxisLablesTooltip \|\| false,\n noOfCharsToTruncate: props.noOfCharsToTruncate \|\| 4,\n };\n const temp = xScale && (createWrapOfXLabels(wrapLabelProps) as number);\n // this value need to be updated for draw graph updated. So instead of using private value, using set\n if (isRemoveValCalculated && removalValueForTextTuncate !== temp) {\n setRemovalValueForTextTuncate(temp);\n setIsRemoveValCalculated(false);\n }\n }\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScale: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScaleSecondary: any;\n const axisData: IAxisData = { yAxisDomainValues: [] };\n if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n yScale = createStringYAxis(\n YAxisParams,\n props.stringDatasetForYAxisDomain!,\n _useRtl,\n props.chartType,\n props.barwidth,\n culture,\n );\n } else {\n if (props?.secondaryYScaleOptions) {\n const YAxisParamsSecondary = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElementSecondary.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.secondaryYScaleOptions?.yMinValue \|\| 0,\n yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n tickPadding: 10,\n maxOfYVal: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType),\n yAxisPadding: props.yAxisPadding,\n };\n\n yScaleSecondary = createYAxis(\n YAxisParamsSecondary,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n true,\n );\n }\n yScale = createYAxis(YAxisParams, _useRtl, axisData, chartType, props.barwidth!, isIntegralDataset);\n }\n\n /\n * To create y axis tick values by if specified\n truncating the rest of the text and showing elipsis\n or showing the whole string,\n * /\n props.chartType === ChartTypes.HorizontalBarChartWithAxis &&\n yScale &&\n createYAxisLabels(\n yAxisElement.current!,\n yScale,\n props.noOfCharsToTruncate \|\| 4,\n props.showYAxisLablesTooltip \|\| false,\n startFromX,\n _useRtl,\n );\n\n // Call back to the chart.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const _getData = (xScale: any, yScale: any) => {\n props.getGraphData &&\n props.getGraphData(\n xScale,\n yScale,\n containerHeight - removalValueForTextTuncate!,\n containerWidth,\n xAxisElement.current,\n yAxisElement.current,\n );\n };\n\n props.getAxisData && props.getAxisData(axisData);\n // Callback function for chart, returns axis\n _getData(xScale, yScale);\n\n children = props.children({\n xScale,\n yScale,\n yScaleSecondary,\n containerHeight,\n containerWidth,\n });\n\n if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n callout = _generateCallout(calloutProps);\n }\n }\n const svgDimensions = {\n width: containerWidth,\n height: containerHeight,\n };\n\n const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left! - margins.right! - startFromX!;\n const yAxisTitleMaximumAllowedHeight =\n svgDimensions.height - margins.bottom! - margins.top! - removalValueForTextTuncate! - titleMargin;\n /\n When screen resizes, along with screen, chart also auto adjusted.\n * This method used to adjust height and width of the charts.\n /\n function _fitParentContainer(): void {\n //_reqID = requestAnimationFrame(() => {\n let legendContainerHeight;\n if (props.hideLegend) {\n // If there is no legend, need not to allocate some space from total chart space.\n legendContainerHeight = 0;\n } else {\n const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n legendContainerHeight =\n ((legendContainer && legendContainer.getBoundingClientRect().height) \|\| minLegendContainerHeight) +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) \|\| '0') +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) \|\| '0');\n }\n if (props.parentRef \|\| chartContainer.current) {\n const container = props.parentRef ? props.parentRef : chartContainer.current!;\n const currentContainerWidth =\n props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n : container.getBoundingClientRect().width;\n const currentContainerHeight =\n container.getBoundingClientRect().height > legendContainerHeight\n ? container.getBoundingClientRect().height\n : 350;\n const shouldResize =\n containerWidth !== currentContainerWidth \|\| containerHeight !== currentContainerHeight - legendContainerHeight;\n if (shouldResize) {\n setContainerWidth(currentContainerWidth);\n setContainerHeight(currentContainerHeight - legendContainerHeight);\n }\n }\n //});\n }\n\n function _onChartLeave(): void {\n props.onChartMouseLeave && props.onChartMouseLeave();\n }\n\n function _calculateChartMinWidth(): number {\n let labelWidth = 10; // Total padding on the left and right sides of the label\n\n // Case: rotated labels\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth Math.cos(Math.PI / 4));\n }\n // Case: truncated labels\n else if (props.showXAxisLablesTooltip) {\n const tickValues = _tickValues.map(val => {\n const numChars = props.noOfCharsToTruncate \|\| 4;\n return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n // Case: wrapped labels\n else if (props.wrapXAxisLables) {\n const words: string[] = [];\n _tickValues.forEach((val: string) => {\n words.push(...val.toString().split(/\\s+/));\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n labelWidth += Math.max(Math.ceil(longestLabelWidth), 10);\n }\n // Default case\n else {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n\n let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n if (\n [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n props.chartType,\n )\n ) {\n const minDomainMargin = 8;\n minChartWidth += minDomainMargin * 2;\n }\n\n return minChartWidth;\n }\n\n /*\n We have use the {@link defaultTabbableElement } to fix\n * the Focus not landing on chart while tabbing, instead goes to legend.\n * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n * But now after the above PR : they are attaching the\n * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n * which creates bars of height 0 so instead we do not create any bars and instead return empty fragments.\n \n We have tried 2 Approaches to fix the issue:\n * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n * after the second render cycle which triggers an update of the tab index in FocusZone.\n * But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n * 2. Using the default tabbable element to fix the issue.\n /\n\n return (\n <div\n id={idForGraph}\n className={classes.root}\n role={'presentation'}\n ref={(rootElem: HTMLDivElement) => (chartContainer.current = rootElem)}\n onMouseLeave={_onChartLeave}\n >\n <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n {_isFirstRender.current}\n <svg\n width={svgDimensions.width}\n height={svgDimensions.height}\n aria-label={props.chartTitle}\n style={{ display: 'block' }}\n {...svgProps}\n >\n <g\n ref={(e: SVGSVGElement \| null) => {\n xAxisElement.current = e!;\n }}\n id={`xAxisGElement${idForGraph}`}\n // To add wrap of x axis lables feature, need to remove word height from svg height.\n transform={`translate(0, ${svgDimensions.height - margins.bottom! - removalValueForTextTuncate!})`}\n className={classes.xAxis}\n />\n {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n <SVGTooltipText\n content={props.xAxisTitle}\n textProps={{\n x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n y: svgDimensions.height - titleMargin,\n className: classes.axisTitle!,\n textAnchor: 'middle',\n }}\n maxWidth={xAxisTitleMaximumAllowedWidth}\n wrapContent={wrapContent}\n />\n )}\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElement.current = e!;\n }}\n id={`yAxisGElement${idForGraph}`}\n transform={`translate(${\n _useRtl ? svgDimensions.width - margins.right! - startFromX : margins.left! + startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYScaleOptions && (\n <g>\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElementSecondary.current = e!;\n }}\n id={`yAxisGElementSecondary${idForGraph}`}\n transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n <SVGTooltipText\n content={props.secondaryYAxistitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n textAnchor: 'middle',\n transform: `translate(${\n _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n },\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n />\n )}\n </g>\n )}\n {children}\n {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n <SVGTooltipText\n content={props.yAxisTitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl\n ? svgDimensions.width - margins.right! / 2 + titleMargin\n : margins.left! / 2 + startFromX - titleMargin,\n textAnchor: 'middle',\n transform: `translate(0,\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n />\n )}\n </svg>\n </div>\n\n {!props.hideLegend && (\n <div ref={(e: HTMLDivElement) => (legendContainer = e)} className={classes.legendContainer}>\n {props.legendBars}\n </div>\n )}\n {/* The callout is used for narration, so keep it mounted on the DOM */}\n {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n </div>\n );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","createNumericXAxis","createStringXAxis","getDomainNRangeValues","createDateXAxis","createYAxis","createStringYAxis","getMinMaxOfYAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","SVGTooltipText","ChartPopover","useFocusableGroup","useArrowNavigationGroup","CartesianChart","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","isRemoveValCalculated","setIsRemoveValCalculated","removalValueForTextTuncate","setRemovalValueForTextTuncate","startFromX","setStartFromX","prevProps","setPrevProps","top","bottom","right","left","secondaryYScaleOptions","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","chartType","HorizontalBarChartWithAxis","showYAxisLables","current","maxYAxisLabelLength","points","map","point","y","yAxis","some","cancelAnimationFrame","height","width","wrapXAxisLables","rotateXAxisLables","xAxisType","StringAxis","rotateLabelProps","node","xAxis","rotatedHeight","useImperativeHandle","componentRef","_generateCallout","calloutProps","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainMargins","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","YAxisParams","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","yAxisType","yAxisPadding","xScale","NumericAxis","tickParams","DateAxis","useUTC","datasetForXAxisDomain","wrapLabelProps","noOfCharsToTruncate","temp","yScale","yScaleSecondary","axisData","yAxisDomainValues","stringDatasetForYAxisDomain","YAxisParamsSecondary","showYAxisLablesTooltip","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","longestLabelWidth","ceil","cos","PI","val","numChars","toString","length","slice","words","forEach","push","split","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","div","id","className","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","g","e","transform","content","textProps","x","axisTitle","textAnchor","maxWidth","legendBars","Suspense","fallback","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps, HorizontalBarChartWithAxisDataPoint, HeatMapChartDataPoint } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport {\n createNumericXAxis,\n createStringXAxis,\n IAxisData,\n getDomainNRangeValues,\n createDateXAxis,\n createYAxis,\n createStringYAxis,\n IMargins,\n getMinMaxOfYAxis,\n XAxisTypes,\n YAxisType,\n createWrapOfXLabels,\n rotateXAxisLabels,\n calculateLongestLabelWidth,\n createYAxisLabels,\n ChartTypes,\n wrapContent,\n useRtl,\n} from '../../utilities/index';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/*\n Cartesian Chart component\n * {@docCategory CartesianChart}\n /\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n HTMLDivElement,\n ModifiedCartesianChartProps\n>((props, forwardedRef) => {\n const chartContainer = React.useRef<HTMLDivElement>();\n let legendContainer: HTMLDivElement;\n const minLegendContainerHeight: number = 40;\n const xAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElementSecondary = React.useRef<SVGSVGElement>();\n let margins: IMargins;\n const idForGraph: string = 'chart_';\n let _reqID: number;\n const _useRtl: boolean = useRtl();\n let _tickValues: (string \| number)[];\n const titleMargin: number = 8;\n const _isFirstRender = React.useRef<boolean>(true);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xScale: any;\n let isIntegralDataset: boolean = true;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(0);\n const [containerHeight, setContainerHeight] = React.useState<number>(0);\n const [isRemoveValCalculated, setIsRemoveValCalculated] = React.useState<boolean>(true);\n const [removalValueForTextTuncate, setRemovalValueForTextTuncate] = React.useState<number>(0);\n const [startFromX, setStartFromX] = React.useState<number>(0);\n const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps \| null>(null);\n\n const chartTypesToCheck = [ChartTypes.HorizontalBarChartWithAxis, ChartTypes.HeatMapChart];\n /\n In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n * So that, in RTL, left margins becomes right margins and viceversa.\n * As graph needs to be drawn perfecty, these values consider as default values.\n * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n /\n // eslint-disable-next-line prefer-const\n margins = {\n top: props.margins?.top ?? 20,\n bottom: props.margins?.bottom ?? 35,\n right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n };\n if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n margins.bottom! = props.margins?.bottom ?? 55;\n }\n if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n margins.left! = _useRtl\n ? props.margins?.right ?? props?.secondaryYAxistitle\n ? 80\n : 40\n : props.margins?.left ?? 60;\n margins.right! = _useRtl ? props.margins?.left ?? 60 : props.margins?.right ?? props?.secondaryYAxistitle ? 80 : 40;\n }\n\n const classes = useCartesianChartStyles(props);\n const focusAttributes = useFocusableGroup();\n const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n // ComponentdidMount and Componentwillunmount logic\n React.useEffect(() => {\n _fitParentContainer();\n if (props !== null) {\n setPrevProps(props);\n }\n if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {\n const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis!);\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n return () => {\n cancelAnimationFrame(_reqID);\n };\n }, [props]);\n\n // ComponentDidUpdate logic\n React.useEffect(() => {\n if (prevProps) {\n if (prevProps.height !== props.height \|\| prevProps.width !== props.width) {\n _fitParentContainer();\n }\n }\n if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {\n const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis!);\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n if (prevProps !== null && prevProps.points !== props.points) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n }\n }, [props, prevProps]);\n\n React.useEffect(() => {\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const rotateLabelProps = {\n node: xAxisElement.current!,\n xAxis: _xScale,\n };\n const rotatedHeight = rotateXAxisLabels(rotateLabelProps);\n\n if (\n isRemoveValCalculated &&\n removalValueForTextTuncate !== rotatedHeight! + margins.bottom! &&\n rotatedHeight! > 0\n ) {\n setRemovalValueForTextTuncate(rotatedHeight! + margins.bottom!);\n setIsRemoveValCalculated(false);\n }\n }\n });\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: chartContainer.current ?? null,\n }),\n [],\n );\n\n /\n Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n * only the calloutprops and charthover props changes.\n * @param calloutProps\n * @param chartHoverProps\n * @returns\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _generateCallout(calloutProps: any): JSX.Element {\n return <ChartPopover {...calloutProps} />;\n }\n\n function calculateMaxYAxisLabelLength(\n chartType: ChartTypes,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n points: any[],\n className: string,\n ): number {\n if (chartType === ChartTypes.HeatMapChart) {\n return calculateLongestLabelWidth(\n points[0]?.data?.map((point: HeatMapChartDataPoint) => point.y),\n `.${className} text`,\n );\n } else {\n return calculateLongestLabelWidth(\n points?.map((point: HorizontalBarChartWithAxisDataPoint) => point.y),\n `.${className} text`,\n );\n }\n }\n\n const {\n calloutProps,\n points,\n chartType,\n svgProps,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n } = props;\n if (props.parentRef) {\n _fitParentContainer();\n }\n const margin = { ...margins };\n if (chartTypesToCheck.includes(props.chartType)) {\n if (!_useRtl) {\n margin.left! += startFromX;\n } else {\n margin.right! += startFromX;\n }\n }\n // Callback for margins to the chart\n props.getmargins && props.getmargins(margin);\n\n let callout: JSX.Element \| null = null;\n\n let children = null;\n if ((props.enableFirstRenderOptimization && chartContainer.current) \|\| !props.enableFirstRenderOptimization) {\n _isFirstRender.current = false;\n const XAxisParams = {\n domainNRangeValues: getDomainNRangeValues(\n points,\n props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n containerWidth,\n chartType,\n _useRtl,\n props.xAxisType,\n props.barwidth!,\n props.tickValues!,\n // This is only used for Horizontal Bar Chart with Axis for y as string axis\n startFromX,\n ),\n containerHeight: containerHeight - removalValueForTextTuncate!,\n margins: margins,\n xAxisElement: xAxisElement.current!,\n showRoundOffXTickValues: true,\n xAxisCount: props.xAxisTickCount,\n xAxistickSize: props.xAxistickSize,\n tickPadding: props.tickPadding \|\| props.showXAxisLablesTooltip ? 5 : 10,\n xAxisPadding: props.xAxisPadding,\n xAxisInnerPadding: props.xAxisInnerPadding,\n xAxisOuterPadding: props.xAxisOuterPadding,\n containerWidth: containerWidth,\n hideTickOverlap:\n props.hideTickOverlap && !props.rotateXAxisLables && !props.showXAxisLablesTooltip && !props.wrapXAxisLables,\n };\n\n const YAxisParams = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElement.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.yMinValue \|\| 0,\n yMaxValue: props.yMaxValue \|\| 0,\n tickPadding: 10,\n maxOfYVal: props.maxOfYVal,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType, props.yAxisType),\n // please note these padding default values must be consistent in here\n // and the parent chart(HBWA/Vertical etc..) for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n yAxisPadding: props.yAxisPadding \|\| 0,\n };\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let xScale: any;\n let tickValues: (string \| number)[];\n switch (props.xAxisType!) {\n case XAxisTypes.NumericAxis:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n break;\n case XAxisTypes.DateAxis:\n ({ xScale, tickValues } = createDateXAxis(\n XAxisParams,\n props.tickParams!,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n props.useUTC,\n ));\n break;\n case XAxisTypes.StringAxis:\n ({ xScale, tickValues } = createStringXAxis(\n XAxisParams,\n props.tickParams!,\n props.datasetForXAxisDomain!,\n culture,\n ));\n break;\n default:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n }\n _xScale = xScale;\n _tickValues = tickValues;\n\n /\n * To enable wrapping of x axis tick values or to display complete x axis tick values,\n * we need to calculate how much space it needed to render the text.\n * No need to re-calculate every time the chart renders and same time need to get an update. So using set\n * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n * /\n if (props.wrapXAxisLables \|\| props.showXAxisLablesTooltip) {\n const wrapLabelProps = {\n node: xAxisElement.current!,\n xAxis: xScale,\n showXAxisLablesTooltip: props.showXAxisLablesTooltip \|\| false,\n noOfCharsToTruncate: props.noOfCharsToTruncate \|\| 4,\n };\n const temp = xScale && (createWrapOfXLabels(wrapLabelProps) as number);\n // this value need to be updated for draw graph updated. So instead of using private value, using set\n if (isRemoveValCalculated && removalValueForTextTuncate !== temp) {\n setRemovalValueForTextTuncate(temp);\n setIsRemoveValCalculated(false);\n }\n }\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScale: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScaleSecondary: any;\n const axisData: IAxisData = { yAxisDomainValues: [] };\n if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n yScale = createStringYAxis(\n YAxisParams,\n props.stringDatasetForYAxisDomain!,\n _useRtl,\n props.chartType,\n props.barwidth,\n culture,\n );\n } else {\n if (props?.secondaryYScaleOptions) {\n const YAxisParamsSecondary = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElementSecondary.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.secondaryYScaleOptions?.yMinValue \|\| 0,\n yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n tickPadding: 10,\n maxOfYVal: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType),\n yAxisPadding: props.yAxisPadding,\n };\n\n yScaleSecondary = createYAxis(\n YAxisParamsSecondary,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n true,\n props.roundedTicks!,\n );\n }\n yScale = createYAxis(\n YAxisParams,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n false,\n props.roundedTicks!,\n );\n }\n\n /\n * To create y axis tick values by if specified\n truncating the rest of the text and showing elipsis\n or showing the whole string,\n * /\n chartTypesToCheck.includes(props.chartType) &&\n yScale &&\n createYAxisLabels(\n yAxisElement.current!,\n yScale,\n props.noOfCharsToTruncate \|\| 4,\n props.showYAxisLablesTooltip \|\| false,\n startFromX,\n _useRtl,\n );\n\n // Call back to the chart.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const _getData = (xScale: any, yScale: any) => {\n props.getGraphData &&\n props.getGraphData(\n xScale,\n yScale,\n containerHeight - removalValueForTextTuncate!,\n containerWidth,\n xAxisElement.current,\n yAxisElement.current,\n );\n };\n\n props.getAxisData && props.getAxisData(axisData);\n // Callback function for chart, returns axis\n _getData(xScale, yScale);\n\n children = props.children({\n xScale,\n yScale,\n yScaleSecondary,\n containerHeight,\n containerWidth,\n });\n\n if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n callout = _generateCallout(calloutProps);\n }\n }\n const svgDimensions = {\n width: containerWidth,\n height: containerHeight,\n };\n\n const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left! - margins.right! - startFromX!;\n const yAxisTitleMaximumAllowedHeight =\n svgDimensions.height - margins.bottom! - margins.top! - removalValueForTextTuncate! - titleMargin;\n /\n When screen resizes, along with screen, chart also auto adjusted.\n * This method used to adjust height and width of the charts.\n /\n function _fitParentContainer(): void {\n //_reqID = requestAnimationFrame(() => {\n let legendContainerHeight;\n if (props.hideLegend) {\n // If there is no legend, need not to allocate some space from total chart space.\n legendContainerHeight = 0;\n } else {\n const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n legendContainerHeight =\n ((legendContainer && legendContainer.getBoundingClientRect().height) \|\| minLegendContainerHeight) +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) \|\| '0') +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) \|\| '0');\n }\n if (props.parentRef \|\| chartContainer.current) {\n const container = props.parentRef ? props.parentRef : chartContainer.current!;\n const currentContainerWidth =\n props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n : container.getBoundingClientRect().width;\n const currentContainerHeight =\n container.getBoundingClientRect().height > legendContainerHeight\n ? container.getBoundingClientRect().height\n : 350;\n const shouldResize =\n containerWidth !== currentContainerWidth \|\| containerHeight !== currentContainerHeight - legendContainerHeight;\n if (shouldResize) {\n setContainerWidth(currentContainerWidth);\n setContainerHeight(currentContainerHeight - legendContainerHeight);\n }\n }\n //});\n }\n\n function _onChartLeave(): void {\n props.onChartMouseLeave && props.onChartMouseLeave();\n }\n\n function _calculateChartMinWidth(): number {\n let labelWidth = 10; // Total padding on the left and right sides of the label\n\n // Case: rotated labels\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth Math.cos(Math.PI / 4));\n }\n // Case: truncated labels\n else if (props.showXAxisLablesTooltip) {\n const tickValues = _tickValues.map(val => {\n const numChars = props.noOfCharsToTruncate \|\| 4;\n return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n // Case: wrapped labels\n else if (props.wrapXAxisLables) {\n const words: string[] = [];\n _tickValues.forEach((val: string) => {\n words.push(...val.toString().split(/\\s+/));\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n labelWidth += Math.max(Math.ceil(longestLabelWidth), 10);\n }\n // Default case\n else {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n\n let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n if (\n [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n props.chartType,\n )\n ) {\n const minDomainMargin = 8;\n minChartWidth += minDomainMargin * 2;\n }\n\n return minChartWidth;\n }\n\n /*\n We have use the {@link defaultTabbableElement } to fix\n * the Focus not landing on chart while tabbing, instead goes to legend.\n * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n * But now after the above PR : they are attaching the\n * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n * which creates bars of height 0 so instead we do not create any bars and instead return empty fragments.\n \n We have tried 2 Approaches to fix the issue:\n * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n * after the second render cycle which triggers an update of the tab index in FocusZone.\n * But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n * 2. Using the default tabbable element to fix the issue.\n /\n\n return (\n <div\n id={idForGraph}\n className={classes.root}\n role={'presentation'}\n ref={(rootElem: HTMLDivElement) => (chartContainer.current = rootElem)}\n onMouseLeave={_onChartLeave}\n >\n <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n {_isFirstRender.current}\n <svg\n width={svgDimensions.width}\n height={svgDimensions.height}\n aria-label={props.chartTitle}\n style={{ display: 'block' }}\n {...svgProps}\n >\n <g\n ref={(e: SVGSVGElement \| null) => {\n xAxisElement.current = e!;\n }}\n id={`xAxisGElement${idForGraph}`}\n // To add wrap of x axis lables feature, need to remove word height from svg height.\n transform={`translate(0, ${svgDimensions.height - margins.bottom! - removalValueForTextTuncate!})`}\n className={classes.xAxis}\n />\n {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n <SVGTooltipText\n content={props.xAxisTitle}\n textProps={{\n x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n y: svgDimensions.height - titleMargin,\n className: classes.axisTitle!,\n textAnchor: 'middle',\n }}\n maxWidth={xAxisTitleMaximumAllowedWidth}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElement.current = e!;\n }}\n id={`yAxisGElement${idForGraph}`}\n transform={`translate(${\n _useRtl ? svgDimensions.width - margins.right! - startFromX : margins.left! + startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYScaleOptions && (\n <g>\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElementSecondary.current = e!;\n }}\n id={`yAxisGElementSecondary${idForGraph}`}\n transform={`translate(${\n _useRtl ? margins.left! + startFromX : svgDimensions.width - margins.right! - startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n <SVGTooltipText\n content={props.secondaryYAxistitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n textAnchor: 'middle',\n transform: `translate(${\n _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n },\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n </g>\n )}\n {children}\n {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n <SVGTooltipText\n content={props.yAxisTitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl\n ? svgDimensions.width - margins.right! / 2 + titleMargin\n : margins.left! / 2 + startFromX - titleMargin,\n textAnchor: 'middle',\n transform: `translate(0,\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n </svg>\n </div>\n\n {!props.hideLegend && (\n <div ref={(e: HTMLDivElement) => (legendContainer = e)} className={classes.legendContainer}>\n {props.legendBars}\n </div>\n )}\n {/* The callout is used for narration, so keep it mounted on the DOM */}\n {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n </div>\n );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","createNumericXAxis","createStringXAxis","getDomainNRangeValues","createDateXAxis","createYAxis","createStringYAxis","getMinMaxOfYAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","SVGTooltipText","ChartPopover","useFocusableGroup","useArrowNavigationGroup","CartesianChart","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","isRemoveValCalculated","setIsRemoveValCalculated","removalValueForTextTuncate","setRemovalValueForTextTuncate","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesToCheck","HorizontalBarChartWithAxis","HeatMapChart","top","bottom","right","left","secondaryYScaleOptions","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","points","yAxis","some","point","y","cancelAnimationFrame","height","width","wrapXAxisLables","rotateXAxisLables","xAxisType","StringAxis","rotateLabelProps","node","current","xAxis","rotatedHeight","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","data","map","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainMargins","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","YAxisParams","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","yAxisType","yAxisPadding","xScale","NumericAxis","tickParams","DateAxis","useUTC","datasetForXAxisDomain","wrapLabelProps","noOfCharsToTruncate","temp","yScale","yScaleSecondary","axisData","yAxisDomainValues","stringDatasetForYAxisDomain","YAxisParamsSecondary","roundedTicks","showYAxisLablesTooltip","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","longestLabelWidth","ceil","cos","PI","val","numChars","toString","length","slice","words","forEach","push","split","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","minDomainMargin","div","id","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","g","e","transform","content","textProps","x","axisTitle","textAnchor","maxWidth","showBackground","legendBars","Suspense","fallback","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}