npm - @fluentui/react-charts - Versions diffs - 0.0.0-nightly-20250627-0405.1 → 0.0.0-nightly-20250630-0407.1 - Mend

@fluentui/react-charts 0.0.0-nightly-20250627-0405.1 → 0.0.0-nightly-20250630-0407.1

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

Files changed (53) hide show

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, 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: props.getDomainNRangeValues\n ? props.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 : 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: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : 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: props.getMinMaxOfYAxis\n ? props.getMinMaxOfYAxis(points, props.yAxisType)\n : 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 yScalePrimary: 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 yScalePrimary = createStringYAxis(\n YAxisParams,\n props.stringDatasetForYAxisDomain!,\n _useRtl,\n props.chartType,\n props.barwidth,\n culture,\n );\n } else {\n // TODO: Since the scale domain values are now computed independently for both the primary and\n // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n // data points are assigned to use the secondary y-scale.\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 yMinMaxValues: props.getMinMaxOfYAxis\n ? props.getMinMaxOfYAxis(points, props.yAxisType, true)\n : getMinMaxOfYAxis(points, props.chartType, props.yAxisType, true),\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 yScalePrimary = 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 yScalePrimary &&\n createYAxisLabels(\n yAxisElement.current!,\n yScalePrimary,\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, yScalePrimary: any, yScaleSecondary: any) => {\n props.getGraphData &&\n props.getGraphData(\n xScale,\n yScalePrimary,\n containerHeight - removalValueForTextTuncate!,\n containerWidth,\n xAxisElement.current,\n yAxisElement.current,\n yScaleSecondary,\n );\n };\n\n props.getAxisData && props.getAxisData(axisData);\n // Callback function for chart, returns axis\n _getData(xScale, yScalePrimary, yScaleSecondary);\n\n children = props.children({\n xScale,\n yScalePrimary,\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 className={classes.svgTooltip}\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 className={classes.svgTooltip}\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 ? svgDimensions.width - margins.right! / 2 + titleMargin : margins.left! / 2 - 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 className={classes.svgTooltip}\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';\nCartesianChart.defaultProps = {\n hideTickOverlap: true,\n};\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","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","yAxisType","yAxisPadding","xScale","NumericAxis","tickParams","DateAxis","useUTC","datasetForXAxisDomain","wrapLabelProps","noOfCharsToTruncate","temp","yScalePrimary","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","svgTooltip","legendBars","Suspense","fallback","displayName","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,uBAAuB,QAAQ,mCAAmC;AAC3E,SACEC,kBAAkB,EAClBC,iBAAiB,EAEjBC,qBAAqB,EACrBC,eAAe,EACfC,WAAW,EACXC,iBAAiB,EAEjBC,gBAAgB,EAChBC,UAAU,EACVC,SAAS,EACTC,mBAAmB,EACnBC,iBAAiB,EACjBC,0BAA0B,EAC1BC,iBAAiB,EACjBC,UAAU,EACVC,WAAW,EACXC,MAAM,QACD,wBAAwB;AAC/B,SAASC,cAAc,QAAQ,iCAAiC;AAChE,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,iBAAiB,EAAEC,uBAAuB,QAAQ,0BAA0B;AAErF;;;CAGC,GACD,OAAO,MAAMC,+BAAuEtB,MAAMuB,UAAU,CAGlG,CAACC,OAAOC;QAkCDD,gBACGA,iBACSA,iBAA4BA,iBAC5BA,iBAAmEA;IApCtF,MAAME,iBAAiB1B,MAAM2B,MAAM;IACnC,IAAIC;IACJ,MAAMC,2BAAmC;IACzC,MAAMC,eAAe9B,MAAM2B,MAAM;IACjC,MAAMI,eAAe/B,MAAM2B,MAAM;IACjC,MAAMK,wBAAwBhC,MAAM2B,MAAM;IAC1C,IAAIM;IACJ,MAAMC,aAAqB;IAC3B,IAAIC;IACJ,MAAMC,UAAmBnB;IACzB,IAAIoB;IACJ,MAAMC,cAAsB;IAC5B,MAAMC,iBAAiBvC,MAAM2B,MAAM,CAAU;IAC7C,8DAA8D;IAC9D,IAAIa;IACJ,IAAIC,oBAA6B;IAEjC,MAAM,CAACC,gBAAgBC,kBAAkB,GAAG3C,MAAM4C,QAAQ,CAAS;IACnE,MAAM,CAACC,iBAAiBC,mBAAmB,GAAG9C,MAAM4C,QAAQ,CAAS;IACrE,MAAM,CAACG,uBAAuBC,yBAAyB,GAAGhD,MAAM4C,QAAQ,CAAU;IAClF,MAAM,CAACK,4BAA4BC,8BAA8B,GAAGlD,MAAM4C,QAAQ,CAAS;IAC3F,MAAM,CAACO,YAAYC,cAAc,GAAGpD,MAAM4C,QAAQ,CAAS;IAC3D,MAAM,CAACS,WAAWC,aAAa,GAAGtD,MAAM4C,QAAQ,CAAqC;IAErF,MAAMW,oBAAoB;QAACxC,WAAWyC,0BAA0B;QAAEzC,WAAW0C,YAAY;KAAC;QASnFjC,oBACGA,uBACSA,qBAA4BA,sBAC5BA,uBAAmEA;IAXtF;;;;;GAKC,GACD,wCAAwC;IACxCS,UAAU;QACRyB,KAAKlC,CAAAA,sBAAAA,iBAAAA,MAAMS,OAAO,cAAbT,qCAAAA,eAAekC,GAAG,cAAlBlC,gCAAAA,qBAAsB;QAC3BmC,QAAQnC,CAAAA,yBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAemC,MAAM,cAArBnC,mCAAAA,wBAAyB;QACjCoC,OAAOxB,UAAUZ,CAAAA,uBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeqC,IAAI,cAAnBrC,iCAAAA,sBAAuB,KAAKA,CAAAA,CAAAA,wBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeoC,KAAK,cAApBpC,kCAAAA,uBAAwBA,kBAAAA,4BAAAA,MAAOsC,sBAAsB,AAAD,IAAI,KAAK;QAC1GD,MAAMzB,UAAWZ,CAAAA,CAAAA,yBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeoC,KAAK,cAApBpC,mCAAAA,wBAAwBA,kBAAAA,4BAAAA,MAAOsC,sBAAsB,AAAD,IAAI,KAAK,KAAMtC,CAAAA,wBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeqC,IAAI,cAAnBrC,kCAAAA,uBAAuB;IAC7G;IACA,IAAIA,MAAMuC,UAAU,KAAKC,aAAaxC,MAAMuC,UAAU,KAAK,IAAI;YAC3CvC;YAAAA;QAAlBS,QAAQ0B,MAAM,GAAInC,CAAAA,0BAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAemC,MAAM,cAArBnC,oCAAAA,yBAAyB;IAC7C;IACA,IAAIA,MAAMyC,UAAU,KAAKD,aAAaxC,MAAMyC,UAAU,KAAK,IAAI;YAEzDzC,iBAGAA,iBACuBA,iBAA4BA;YAJnDA,uBAGAA;QAJJS,QAAQ4B,IAAI,GAAIzB,UACZZ,CAAAA,CAAAA,yBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeoC,KAAK,cAApBpC,mCAAAA,wBAAwBA,kBAAAA,4BAAAA,MAAO0C,mBAAmB,AAAD,IAC/C,KACA,KACF1C,CAAAA,wBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeqC,IAAI,cAAnBrC,kCAAAA,uBAAuB;YACAA,sBAA4BA;QAAvDS,QAAQ2B,KAAK,GAAIxB,UAAUZ,CAAAA,wBAAAA,kBAAAA,MAAMS,OAAO,cAAbT,sCAAAA,gBAAeqC,IAAI,cAAnBrC,kCAAAA,uBAAuB,KAAKA,CAAAA,CAAAA,yBAAAA,mBAAAA,MAAMS,OAAO,cAAbT,uCAAAA,iBAAeoC,KAAK,cAApBpC,mCAAAA,wBAAwBA,kBAAAA,4BAAAA,MAAO0C,mBAAmB,AAAD,IAAI,KAAK;IACnH;IAEA,MAAMC,UAAUlE,wBAAwBuB;IACxC,MAAM4C,kBAAkBhD;IACxB,MAAMiD,kBAAkBhD,wBAAwB;QAAEiD,MAAM;IAAa;IACrE,mDAAmD;IACnDtE,MAAMuE,SAAS,CAAC;QACdC;QACA,IAAIhD,UAAU,MAAM;YAClB8B,aAAa9B;QACf;QACA,IAAI+B,kBAAkBkB,QAAQ,CAACjD,MAAMkD,SAAS,KAAKlD,MAAMmD,eAAe,IAAI5C,cAAc;YACxF,MAAM6C,sBAAsBC,6BAA6BrD,MAAMkD,SAAS,EAAElD,MAAMsD,MAAM,EAAEX,QAAQY,KAAK;YACrG,IAAI5B,eAAeyB,qBAAqB;gBACtCxB,cAAcwB;YAChB;QACF,OAAO,IAAIzB,eAAe,GAAG;YAC3BC,cAAc;QAChB;QACA,uDAAuD;QACvDX,oBAAoB,CAACjB,MAAMsD,MAAM,CAACE,IAAI,CAAC,CAACC,QAAyBA,MAAMC,CAAC,GAAG,MAAM;QACjF,OAAO;YACLC,qBAAqBhD;QACvB;IACF,GAAG;QAACX;KAAM;IAEV,2BAA2B;IAC3BxB,MAAMuE,SAAS,CAAC;QACd,IAAIlB,WAAW;YACb,IAAIA,UAAU+B,MAAM,KAAK5D,MAAM4D,MAAM,IAAI/B,UAAUgC,KAAK,KAAK7D,MAAM6D,KAAK,EAAE;gBACxEb;YACF;QACF;QACA,IAAIjB,kBAAkBkB,QAAQ,CAACjD,MAAMkD,SAAS,KAAKlD,MAAMmD,eAAe,IAAI5C,cAAc;YACxF,MAAM6C,sBAAsBC,6BAA6BrD,MAAMkD,SAAS,EAAElD,MAAMsD,MAAM,EAAEX,QAAQY,KAAK;YACrG,IAAI5B,eAAeyB,qBAAqB;gBACtCxB,cAAcwB;YAChB;QACF,OAAO,IAAIzB,eAAe,GAAG;YAC3BC,cAAc;QAChB;QACA,IAAIC,cAAc,QAAQA,UAAUyB,MAAM,KAAKtD,MAAMsD,MAAM,EAAE;YAC3D,uDAAuD;YACvDrC,oBAAoB,CAACjB,MAAMsD,MAAM,CAACE,IAAI,CAAC,CAACC,QAAyBA,MAAMC,CAAC,GAAG,MAAM;QACnF;IACF,GAAG;QAAC1D;QAAO6B;KAAU;IAErBrD,MAAMuE,SAAS,CAAC;QACd,IAAI,CAAC/C,MAAM8D,eAAe,IAAI9D,MAAM+D,iBAAiB,IAAI/D,MAAMgE,SAAS,KAAM/E,WAAWgF,UAAU,EAAE;YACnG,MAAMC,mBAAmB;gBACvBC,MAAM7D,aAAa8D,OAAO;gBAC1BC,OAAOrD;YACT;YACA,MAAMsD,gBAAgBlF,kBAAkB8E;YAExC,IACE3C,yBACAE,+BAA+B6C,gBAAiB7D,QAAQ0B,MAAM,IAC9DmC,gBAAiB,GACjB;gBACA5C,8BAA8B4C,gBAAiB7D,QAAQ0B,MAAM;gBAC7DX,yBAAyB;YAC3B;QACF;IACF;IAEAhD,MAAM+F,mBAAmB,CACvBvE,MAAMwE,YAAY,EAClB;YACkBtE;eADX;YACLA,gBAAgBA,CAAAA,0BAAAA,eAAekE,OAAO,cAAtBlE,qCAAAA,0BAA0B;QAC5C;IAAA,GACA,EAAE;IAGJ;;;;;;GAMC,GACD,8DAA8D;IAC9D,SAASuE,iBAAiBC,YAAiB;QACzC,qBAAO,oBAAC/E,cAAiB+E;IAC3B;IAEA,SAASrB,6BACPH,SAAqB,EACrB,8DAA8D;IAC9DI,MAAa,EACbqB,SAAiB;QAEjB,IAAIzB,cAAc3D,WAAW0C,YAAY,EAAE;gBAEvCqB,eAAAA;YADF,OAAOjE,4BACLiE,WAAAA,MAAM,CAAC,EAAE,cAATA,gCAAAA,gBAAAA,SAAWsB,IAAI,cAAftB,oCAAAA,cAAiBuB,GAAG,CAAC,CAACpB,QAAiCA,MAAMC,CAAC,GAC9D,CAAC,CAAC,EAAEiB,UAAU,KAAK,CAAC;QAExB,OAAO;YACL,OAAOtF,2BACLiE,mBAAAA,6BAAAA,OAAQuB,GAAG,CAAC,CAACpB,QAA+CA,MAAMC,CAAC,GACnE,CAAC,CAAC,EAAEiB,UAAU,KAAK,CAAC;QAExB;IACF;IAEA,MAAM,EACJD,YAAY,EACZpB,MAAM,EACNJ,SAAS,EACT4B,QAAQ,EACRC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,uBAAuB,EACxB,GAAGlF;IACJ,IAAIA,MAAMmF,SAAS,EAAE;QACnBnC;IACF;IACA,MAAMoC,SAAS;QAAE,GAAG3E,OAAO;IAAC;IAC5B,IAAIsB,kBAAkBkB,QAAQ,CAACjD,MAAMkD,SAAS,GAAG;QAC/C,IAAI,CAACtC,SAAS;YACZwE,OAAO/C,IAAI,IAAKV;QAClB,OAAO;YACLyD,OAAOhD,KAAK,IAAKT;QACnB;IACF;IACA,oCAAoC;IACpC3B,MAAMqF,UAAU,IAAIrF,MAAMqF,UAAU,CAACD;IAErC,IAAIE,UAA8B;IAElC,IAAIC,WAAW;IACf,IAAI,AAACvF,MAAMwF,6BAA6B,IAAItF,eAAekE,OAAO,IAAK,CAACpE,MAAMwF,6BAA6B,EAAE;QAC3GzE,eAAeqD,OAAO,GAAG;QACzB,MAAMqB,cAAc;YAClBC,oBAAoB1F,MAAMpB,qBAAqB,GAC3CoB,MAAMpB,qBAAqB,CACzB0E,QACAtD,MAAM2F,gBAAgB,GAAG3F,MAAM2F,gBAAgB,CAACzE,kBAAkBT,SAClES,gBACAgC,WACAtC,SACAZ,MAAMgE,SAAS,EACfhE,MAAM4F,QAAQ,EACd5F,MAAM6F,UAAU,EAChB,4EAA4E;YAC5ElE,cAEF/C,sBACE0E,QACAtD,MAAM2F,gBAAgB,GAAG3F,MAAM2F,gBAAgB,CAACzE,kBAAkBT,SAClES,gBACAgC,WACAtC,SACAZ,MAAMgE,SAAS,EACfhE,MAAM4F,QAAQ,EACd5F,MAAM6F,UAAU,EAChB,4EAA4E;YAC5ElE;YAENN,iBAAiBA,kBAAkBI;YACnChB,SAASA;YACTH,cAAcA,aAAa8D,OAAO;YAClC0B,yBAAyB;YACzBC,YAAY/F,MAAMgG,cAAc;YAChCC,eAAejG,MAAMiG,aAAa;YAClCC,aAAalG,MAAMkG,WAAW,IAAIlG,MAAMmG,sBAAsB,GAAG,IAAI;YACrEC,cAAcpG,MAAMoG,YAAY;YAChCC,mBAAmBrG,MAAMqG,iBAAiB;YAC1CC,mBAAmBtG,MAAMsG,iBAAiB;YAC1CpF,gBAAgBA;YAChBqF,iBACEvG,MAAMuG,eAAe,IAAI,CAACvG,MAAM+D,iBAAiB,IAAI,CAAC/D,MAAMmG,sBAAsB,IAAI,CAACnG,MAAM8D,eAAe;QAChH;QAEA,MAAM0C,cAAc;YAClB/F,SAAST,MAAMyG,iBAAiB,GAAGzG,MAAMyG,iBAAiB,CAACpF,mBAAmBZ;YAC9ES,gBAAgBA;YAChBG,iBAAiBA,kBAAkBI;YACnClB,cAAcA,aAAa6D,OAAO;YAClCsC,iBAAiB1G,MAAM0G,eAAe;YACtCC,gBAAgB3G,MAAM2G,cAAc;YACpCC,WAAW5G,MAAM4G,SAAS,IAAI;YAC9BC,WAAW7G,MAAM6G,SAAS,IAAI;YAC9BX,aAAa;YACbY,WAAW9G,MAAM8G,SAAS;YAC1BC,eAAe/G,MAAMhB,gBAAgB,GACjCgB,MAAMhB,gBAAgB,CAACsE,QAAQtD,MAAMgH,SAAS,IAC9ChI,iBAAiBsE,QAAQJ,WAAWlD,MAAMgH,SAAS;YACvD,sEAAsE;YACtE,2EAA2E;YAC3E,kDAAkD;YAClDC,cAAcjH,MAAMiH,YAAY,IAAI;QACtC;QACA;;;;;KAKC,GACD,8DAA8D;QAC9D,IAAIC;QACJ,IAAIrB;QACJ,OAAQ7F,MAAMgE,SAAS;YACrB,KAAK/E,WAAWkI,WAAW;gBACxB,CAAA,EAAED,MAAM,EAAErB,UAAU,EAAE,GAAGnH,mBAAmB+G,aAAazF,MAAMoH,UAAU,EAAGpH,MAAMkD,SAAS,EAAE6B,QAAO;gBACrG;YACF,KAAK9F,WAAWoI,QAAQ;gBACrB,CAAA,EAAEH,MAAM,EAAErB,UAAU,EAAE,GAAGhH,gBACxB4G,aACAzF,MAAMoH,UAAU,EAChBrC,SACAC,qBACAC,kBACAC,yBACAlF,MAAMsH,MAAM,CACd;gBACA;YACF,KAAKrI,WAAWgF,UAAU;gBACvB,CAAA,EAAEiD,MAAM,EAAErB,UAAU,EAAE,GAAGlH,kBACxB8G,aACAzF,MAAMoH,UAAU,EAChBpH,MAAMuH,qBAAqB,EAC3BxC,QACF;gBACA;YACF;gBACG,CAAA,EAAEmC,MAAM,EAAErB,UAAU,EAAE,GAAGnH,mBAAmB+G,aAAazF,MAAMoH,UAAU,EAAGpH,MAAMkD,SAAS,EAAE6B,QAAO;QACzG;QACA/D,UAAUkG;QACVrG,cAAcgF;QAEd;;;;;OAKG,GACH,IAAI7F,MAAM8D,eAAe,IAAI9D,MAAMmG,sBAAsB,EAAE;YACzD,MAAMqB,iBAAiB;gBACrBrD,MAAM7D,aAAa8D,OAAO;gBAC1BC,OAAO6C;gBACPf,wBAAwBnG,MAAMmG,sBAAsB,IAAI;gBACxDsB,qBAAqBzH,MAAMyH,mBAAmB,IAAI;YACpD;YACA,MAAMC,OAAOR,UAAW/H,oBAAoBqI;YAC5C,qGAAqG;YACrG,IAAIjG,yBAAyBE,+BAA+BiG,MAAM;gBAChEhG,8BAA8BgG;gBAC9BlG,yBAAyB;YAC3B;QACF;QACA;;;;;KAKC,GACD,8DAA8D;QAC9D,IAAImG;QACJ,8DAA8D;QAC9D,IAAIC;QACJ,MAAMC,WAAsB;YAAEC,mBAAmB,EAAE;QAAC;QACpD,IAAI9H,MAAMgH,SAAS,IAAIhH,MAAMgH,SAAS,KAAK9H,UAAU+E,UAAU,EAAE;YAC/D0D,gBAAgB5I,kBACdyH,aACAxG,MAAM+H,2BAA2B,EACjCnH,SACAZ,MAAMkD,SAAS,EACflD,MAAM4F,QAAQ,EACdb;QAEJ,OAAO;YACL,8FAA8F;YAC9F,6FAA6F;YAC7F,6FAA6F;YAC7F,gGAAgG;YAChG,yDAAyD;YACzD,IAAI/E,kBAAAA,4BAAAA,MAAOsC,sBAAsB,EAAE;oBAQpBtC,+BACAA;oBAAAA;gBARb,MAAMgI,uBAAuB;oBAC3BvH,SAASA;oBACTS,gBAAgBA;oBAChBG,iBAAiBA,kBAAkBI;oBACnClB,cAAcC,sBAAsB4D,OAAO;oBAC3CsC,iBAAiB1G,MAAM0G,eAAe;oBACtCC,gBAAgB3G,MAAM2G,cAAc;oBACpCC,WAAW5G,EAAAA,gCAAAA,MAAMsC,sBAAsB,cAA5BtC,oDAAAA,8BAA8B4G,SAAS,KAAI;oBACtDC,WAAW7G,CAAAA,2CAAAA,iCAAAA,MAAMsC,sBAAsB,cAA5BtC,qDAAAA,+BAA8B6G,SAAS,cAAvC7G,qDAAAA,0CAA2C;oBACtDkG,aAAa;oBACba,eAAe/G,MAAMhB,gBAAgB,GACjCgB,MAAMhB,gBAAgB,CAACsE,QAAQtD,MAAMgH,SAAS,EAAE,QAChDhI,iBAAiBsE,QAAQtD,MAAMkD,SAAS,EAAElD,MAAMgH,SAAS,EAAE;oBAC/DC,cAAcjH,MAAMiH,YAAY;gBAClC;gBAEAW,kBAAkB9I,YAChBkJ,sBACApH,SACAiH,UACA3E,WACAlD,MAAM4F,QAAQ,EACd3E,mBACA,MACAjB,MAAMiI,YAAY;YAEtB;YACAN,gBAAgB7I,YACd0H,aACA5F,SACAiH,UACA3E,WACAlD,MAAM4F,QAAQ,EACd3E,mBACA,OACAjB,MAAMiI,YAAY;QAEtB;QAEA;;;;OAIG,GACHlG,kBAAkBkB,QAAQ,CAACjD,MAAMkD,SAAS,KACxCyE,iBACArI,kBACEiB,aAAa6D,OAAO,EACpBuD,eACA3H,MAAMyH,mBAAmB,IAAI,GAC7BzH,MAAMkI,sBAAsB,IAAI,OAChCvG,YACAf;QAGJ,0BAA0B;QAC1B,8DAA8D;QAC9D,MAAMuH,WAAW,CAACjB,QAAaS,eAAoBC;YACjD5H,MAAMoI,YAAY,IAChBpI,MAAMoI,YAAY,CAChBlB,QACAS,eACAtG,kBAAkBI,4BAClBP,gBACAZ,aAAa8D,OAAO,EACpB7D,aAAa6D,OAAO,EACpBwD;QAEN;QAEA5H,MAAMqI,WAAW,IAAIrI,MAAMqI,WAAW,CAACR;QACvC,4CAA4C;QAC5CM,SAASjB,QAAQS,eAAeC;QAEhCrC,WAAWvF,MAAMuF,QAAQ,CAAC;YACxB2B;YACAS;YACAC;YACAvG;YACAH;QACF;QAEA,IAAI,CAAClB,MAAMsI,WAAW,IAAI5D,aAAc6D,aAAa,EAAE;YACrDjD,UAAUb,iBAAiBC;QAC7B;IACF;IACA,MAAM8D,gBAAgB;QACpB3E,OAAO3C;QACP0C,QAAQvC;IACV;IAEA,MAAMoH,gCAAgCD,cAAc3E,KAAK,GAAGpD,QAAQ4B,IAAI,GAAI5B,QAAQ2B,KAAK,GAAIT;IAC7F,MAAM+G,iCACJF,cAAc5E,MAAM,GAAGnD,QAAQ0B,MAAM,GAAI1B,QAAQyB,GAAG,GAAIT,6BAA8BX;IACxF;;;GAGC,GACD,SAASkC;QACP,wCAAwC;QACxC,IAAI2F;QACJ,IAAI3I,MAAM4I,UAAU,EAAE;YACpB,iFAAiF;YACjFD,wBAAwB;QAC1B,OAAO;YACL,MAAME,gCAAgCzI,mBAAmB0I,iBAAiB1I;YAC1EuI,wBACE,AAAC,CAAA,AAACvI,mBAAmBA,gBAAgB2I,qBAAqB,GAAGnF,MAAM,IAAKvD,wBAAuB,IAC/F2I,WAAW,AAACH,iCAAiCA,8BAA8BI,SAAS,IAAK,OACzFD,WAAW,AAACH,iCAAiCA,8BAA8BK,YAAY,IAAK;QAChG;QACA,IAAIlJ,MAAMmF,SAAS,IAAIjF,eAAekE,OAAO,EAAE;gBAG3CpE;YAFF,MAAMmJ,YAAYnJ,MAAMmF,SAAS,GAAGnF,MAAMmF,SAAS,GAAGjF,eAAekE,OAAO;YAC5E,MAAMgF,wBACJpJ,EAAAA,qBAAAA,MAAMqJ,WAAW,cAAjBrJ,yCAAAA,mBAAmBsJ,IAAI,MAAK,eAAe,CAACvI,eAAeqD,OAAO,GAC9DmF,KAAKC,GAAG,CAACL,UAAUJ,qBAAqB,GAAGlF,KAAK,EAAE4F,6BAClDN,UAAUJ,qBAAqB,GAAGlF,KAAK;YAC7C,MAAM6F,yBACJP,UAAUJ,qBAAqB,GAAGnF,MAAM,GAAG+E,wBACvCQ,UAAUJ,qBAAqB,GAAGnF,MAAM,GACxC;YACN,MAAM+F,eACJzI,mBAAmBkI,yBAAyB/H,oBAAoBqI,yBAAyBf;YAC3F,IAAIgB,cAAc;gBAChBxI,kBAAkBiI;gBAClB9H,mBAAmBoI,yBAAyBf;YAC9C;QACF;IACA,KAAK;IACP;IAEA,SAASiB;QACP5J,MAAM6J,iBAAiB,IAAI7J,MAAM6J,iBAAiB;IACpD;IAEA,SAASJ;QACP,IAAIK,aAAa,IAAI,yDAAyD;QAE9E,uBAAuB;QACvB,IAAI,CAAC9J,MAAM8D,eAAe,IAAI9D,MAAM+D,iBAAiB,IAAI/D,MAAMgE,SAAS,KAAM/E,WAAWgF,UAAU,EAAE;YACnG,MAAM8F,oBAAoB1K,2BAA2BwB,aAAa,CAAC,CAAC,EAAE8B,QAAQ0B,KAAK,CAAC,KAAK,CAAC;YAC1FyF,cAAcP,KAAKS,IAAI,CAACD,oBAAoBR,KAAKU,GAAG,CAACV,KAAKW,EAAE,GAAG;QACjE,OAEK,IAAIlK,MAAMmG,sBAAsB,EAAE;YACrC,MAAMN,aAAahF,YAAYgE,GAAG,CAACsF,CAAAA;gBACjC,MAAMC,WAAWpK,MAAMyH,mBAAmB,IAAI;gBAC9C,OAAO0C,IAAIE,QAAQ,GAAGC,MAAM,GAAGF,WAAW,CAAC,EAAED,IAAIE,QAAQ,GAAGE,KAAK,CAAC,GAAGH,UAAU,GAAG,CAAC,GAAGD;YACxF;YAEA,MAAMJ,oBAAoB1K,2BAA2BwG,YAAY,CAAC,CAAC,EAAElD,QAAQ0B,KAAK,CAAC,KAAK,CAAC;YACzFyF,cAAcP,KAAKS,IAAI,CAACD;QAC1B,OAEK,IAAI/J,MAAM8D,eAAe,EAAE;YAC9B,MAAM0G,QAAkB,EAAE;YAC1B3J,YAAY4J,OAAO,CAAC,CAACN;gBACnBK,MAAME,IAAI,IAAIP,IAAIE,QAAQ,GAAGM,KAAK,CAAC;YACrC;YAEA,MAAMZ,oBAAoB1K,2BAA2BmL,OAAO,CAAC,CAAC,EAAE7H,QAAQ0B,KAAK,CAAC,KAAK,CAAC;YACpFyF,cAAcP,KAAKC,GAAG,CAACD,KAAKS,IAAI,CAACD,oBAAoB;QACvD,OAEK;YACH,MAAMA,oBAAoB1K,2BAA2BwB,aAAa,CAAC,CAAC,EAAE8B,QAAQ0B,KAAK,CAAC,KAAK,CAAC;YAC1FyF,cAAcP,KAAKS,IAAI,CAACD;QAC1B;QAEA,IAAIa,gBAAgBnK,QAAQ4B,IAAI,GAAI5B,QAAQ2B,KAAK,GAAI0H,aAAcjJ,CAAAA,YAAYyJ,MAAM,GAAG,CAAA;QAExF,IACE;YAAC/K,WAAWsL,uBAAuB;YAAEtL,WAAWuL,gBAAgB;YAAEvL,WAAWwL,uBAAuB;SAAC,CAAC9H,QAAQ,CAC5GjD,MAAMkD,SAAS,GAEjB;YACA,MAAM8H,kBAAkB;YACxBJ,iBAAiBI,kBAAkB;QACrC;QAEA,OAAOJ;IACT;IAEA;;;;;;;;;;;;;;;;;;GAkBC,GAED,qBACE,oBAACK;QACCC,IAAIxK;QACJiE,WAAWhC,QAAQwI,IAAI;QACvBC,MAAM;QACNC,KAAK,CAACC,WAA8BpL,eAAekE,OAAO,GAAGkH;QAC7DC,cAAc3B;qBAEd,oBAACqB;QAAItG,WAAWhC,QAAQ6I,YAAY;QAAG,GAAG5I,eAAe;QAAG,GAAGC,eAAe;OAC3E9B,eAAeqD,OAAO,gBACvB,oBAACqH;QACC5H,OAAO2E,cAAc3E,KAAK;QAC1BD,QAAQ4E,cAAc5E,MAAM;QAC5B8H,cAAY1L,MAAM2L,UAAU;QAC5BC,OAAO;YAAEC,SAAS;QAAQ;QACzB,GAAG/G,QAAQ;qBAEZ,oBAACgH;QACCT,KAAK,CAACU;YACJzL,aAAa8D,OAAO,GAAG2H;QACzB;QACAb,IAAI,CAAC,aAAa,EAAExK,WAAW,CAAC;QAChC,oFAAoF;QACpFsL,WAAW,CAAC,aAAa,EAAExD,cAAc5E,MAAM,GAAGnD,QAAQ0B,MAAM,GAAIV,2BAA4B,CAAC,CAAC;QAClGkD,WAAWhC,QAAQ0B,KAAK;QAEzBrE,MAAMuC,UAAU,KAAKC,aAAaxC,MAAMuC,UAAU,KAAK,oBACtD,oBAAC7C;QACCuM,SAASjM,MAAMuC,UAAU;QACzB2J,WAAW;YACTC,GAAG1L,QAAQ4B,IAAI,GAAIV,aAAa8G,gCAAgC;YAChE/E,GAAG8E,cAAc5E,MAAM,GAAG9C;YAC1B6D,WAAWhC,QAAQyJ,SAAS;YAC5BC,YAAY;QACd;QACAC,UAAU7D;QACVjJ,aAAaA;QACb+M,gBAAgB;QAChB5H,WAAWhC,QAAQ6J,UAAU;sBAGjC,oBAACV;QACCT,KAAK,CAACU;YACJxL,aAAa6D,OAAO,GAAG2H;QACzB;QACAb,IAAI,CAAC,aAAa,EAAExK,WAAW,CAAC;QAChCsL,WAAW,CAAC,UAAU,EACpBpL,UAAU4H,cAAc3E,KAAK,GAAGpD,QAAQ2B,KAAK,GAAIT,aAAalB,QAAQ4B,IAAI,GAAIV,WAC/E,IAAI,CAAC;QACNgD,WAAWhC,QAAQY,KAAK;QAEzBvD,MAAMsC,sBAAsB,kBAC3B,oBAACwJ,yBACC,oBAACA;QACCT,KAAK,CAACU;YACJvL,sBAAsB4D,OAAO,GAAG2H;QAClC;QACAb,IAAI,CAAC,sBAAsB,EAAExK,WAAW,CAAC;QACzCsL,WAAW,CAAC,UAAU,EACpBpL,UAAUH,QAAQ4B,IAAI,GAAIV,aAAa6G,cAAc3E,KAAK,GAAGpD,QAAQ2B,KAAK,GAAIT,WAC/E,IAAI,CAAC;QACNgD,WAAWhC,QAAQY,KAAK;QAEzBvD,MAAM0C,mBAAmB,KAAKF,aAAaxC,MAAM0C,mBAAmB,KAAK,oBACxE,oBAAChD;QACCuM,SAASjM,MAAM0C,mBAAmB;QAClCwJ,WAAW;YACTC,GAAG,AAACzD,CAAAA,iCAAiCjI,QAAQ0B,MAAM,IAAK,IAAIV;YAC5DiC,GAAG9C,UAAUe,aAAab,cAAc0H,cAAc3E,KAAK,GAAGpD,QAAQ2B,KAAK;YAC3EiK,YAAY;YACZL,WAAW,CAAC,UAAU,EACpBpL,UAAUH,QAAQ2B,KAAK,GAAI,IAAItB,cAAcL,QAAQ2B,KAAK,GAAI,IAAItB,YACnE;iBACJ,EAAE0H,cAAc5E,MAAM,GAAGnD,QAAQ0B,MAAM,GAAI1B,QAAQyB,GAAG,GAAIpB,YAAY,YAAY,CAAC;YAChF6D,WAAWhC,QAAQyJ,SAAS;QAC9B;QACAE,UAAU5D;QACVlJ,aAAaA;QACb+M,gBAAgB;QAChB5H,WAAWhC,QAAQ6J,UAAU;SAKpCjH,UACAvF,MAAMyC,UAAU,KAAKD,aAAaxC,MAAMyC,UAAU,KAAK,oBACtD,oBAAC/C;QACCuM,SAASjM,MAAMyC,UAAU;QACzByJ,WAAW;YACTC,GAAG,AAACzD,CAAAA,iCAAiCjI,QAAQ0B,MAAM,IAAK,IAAIV;YAC5DiC,GAAG9C,UAAU4H,cAAc3E,KAAK,GAAGpD,QAAQ2B,KAAK,GAAI,IAAItB,cAAcL,QAAQ4B,IAAI,GAAI,IAAIvB;YAC1FuL,YAAY;YACZL,WAAW,CAAC;iBACX,EAAExD,cAAc5E,MAAM,GAAGnD,QAAQ0B,MAAM,GAAI1B,QAAQyB,GAAG,GAAIpB,YAAY,YAAY,CAAC;YACpF6D,WAAWhC,QAAQyJ,SAAS;QAC9B;QACAE,UAAU5D;QACVlJ,aAAaA;QACb+M,gBAAgB;QAChB5H,WAAWhC,QAAQ6J,UAAU;UAMpC,CAACxM,MAAM4I,UAAU,kBAChB,oBAACqC;QAAII,KAAK,CAACU,IAAuB3L,kBAAkB2L;QAAIpH,WAAWhC,QAAQvC,eAAe;OACvFJ,MAAMyM,UAAU,GAIpBnH,yBAAW,oBAAC9G,MAAMkO,QAAQ;QAACC,wBAAU,oBAAC1B,aAAI;OAAmB3F;AAGpE,GAAG;AACHxF,eAAe8M,WAAW,GAAG;AAC7B9M,eAAe+M,YAAY,GAAG;IAC5BtG,iBAAiB;AACnB"}
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 { select as d3Select } from 'd3-selection';\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 truncateString,\n tooltipOfAxislabels,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\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 let _tooltipId: string = useId('tooltip_');\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 const formatTickLabel = (str: string) => {\n if (props.showYAxisLablesTooltip) {\n return truncateString(str, props.noOfCharsToTruncate \|\| 4);\n }\n\n return str;\n };\n if (chartType === ChartTypes.HeatMapChart) {\n return calculateLongestLabelWidth(\n points[0]?.data?.map((point: HeatMapChartDataPoint) => formatTickLabel(`${point.y}`)),\n `.${className} text`,\n );\n } else {\n return calculateLongestLabelWidth(\n points?.map((point: HorizontalBarChartWithAxisDataPoint) => formatTickLabel(`${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: props.getDomainNRangeValues\n ? props.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 : 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: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : 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: props.showYAxisLablesTooltip ? 15 : 10,\n maxOfYVal: props.maxOfYVal,\n yMinMaxValues: props.getMinMaxOfYAxis\n ? props.getMinMaxOfYAxis(points, props.yAxisType)\n : 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 yScalePrimary: 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 yScalePrimary = createStringYAxis(\n YAxisParams,\n props.stringDatasetForYAxisDomain!,\n _useRtl,\n props.chartType,\n props.barwidth,\n culture,\n );\n } else {\n // TODO: Since the scale domain values are now computed independently for both the primary and\n // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n // data points are assigned to use the secondary y-scale.\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 yMinMaxValues: props.getMinMaxOfYAxis\n ? props.getMinMaxOfYAxis(points, props.yAxisType, true)\n : getMinMaxOfYAxis(points, props.chartType, props.yAxisType, true),\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 yScalePrimary = createYAxis(\n YAxisParams,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n false,\n props.roundedTicks!,\n );\n }\n\n if (chartTypesToCheck.includes(props.chartType)) {\n // To create y axis tick values by if specified truncating the rest of the text\n // and showing elipsis or showing the whole string,\n yScalePrimary &&\n createYAxisLabels(\n yAxisElement.current!,\n yScalePrimary,\n props.noOfCharsToTruncate \|\| 4,\n props.showYAxisLablesTooltip \|\| false,\n 0,\n _useRtl,\n );\n\n // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n if (!props.showYAxisLablesTooltip) {\n try {\n document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n //eslint-disable-next-line no-empty\n } catch (e) {}\n }\n // Used to display tooltip at y axis labels.\n if (props.showYAxisLablesTooltip) {\n const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n try {\n document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n //eslint-disable-next-line no-empty\n } catch (e) {}\n const ytooltipProps = {\n tooltipCls: classes.tooltip!,\n id: _tooltipId,\n axis: _yAxisElement,\n };\n _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n }\n }\n\n // Call back to the chart.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n props.getGraphData &&\n props.getGraphData(\n xScale,\n yScalePrimary,\n containerHeight - removalValueForTextTuncate!,\n containerWidth,\n xAxisElement.current,\n yAxisElement.current,\n yScaleSecondary,\n );\n };\n\n props.getAxisData && props.getAxisData(axisData);\n // Callback function for chart, returns axis\n _getData(xScale, yScalePrimary, yScaleSecondary);\n\n children = props.children({\n xScale,\n yScalePrimary,\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 className={classes.svgTooltip}\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 className={classes.svgTooltip}\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 ? svgDimensions.width - margins.right! / 2 + titleMargin : margins.left! / 2 - 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 className={classes.svgTooltip}\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';\nCartesianChart.defaultProps = {\n hideTickOverlap: true,\n};\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","getDomainNRangeValues","createDateXAxis","createYAxis","createStringYAxis","getMinMaxOfYAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","useId","SVGTooltipText","ChartPopover","useFocusableGroup","useArrowNavigationGroup","CartesianChart","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","_tooltipId","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","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","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","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","yAxisType","yAxisPadding","xScale","NumericAxis","tickParams","DateAxis","useUTC","datasetForXAxisDomain","wrapLabelProps","temp","yScalePrimary","yScaleSecondary","axisData","yAxisDomainValues","stringDatasetForYAxisDomain","YAxisParamsSecondary","roundedTicks","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_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","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","g","transform","content","textProps","x","axisTitle","textAnchor","maxWidth","showBackground","svgTooltip","legendBars","Suspense","fallback","displayName","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib/components/CommonComponents/useCartesianChartStyles.styles.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __styles, mergeClasses } from '@griffel/react';
+import { __styles, mergeClasses, shorthands } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { HighContrastSelector, useRtl } from '../../utilities/utilities';
 /**
@@ -92,13 +92,37 @@ const useStyles = /*#__PURE__*/__styles({
   svgTooltip: {
     Bkfmm31: "f5q6cfr",
     a6j6cd: "f14egcv9"
+  },
+  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"
   }
 }, {
   d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".fsr8r2d{width:var(--root-width, 100%);}", ".f50j5g9{height:var(--root-height, 100%);}", ".f1vx9l62{flex-direction:column;}", [".f1a3p1vp{overflow:hidden;}", {
     p: -1
   }], [".f1enuhaj{overflow:auto;}", {
     p: -1
-  }], ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fmd4ok8{font-style:normal;}", ".f17mccla{text-align:center;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fk6onyz text{fill:var(--colorNeutralForeground1);}", ".f17odlr9 text{font-family:var(--fontFamilyBase);}", ".f1wvrikb text{font-size:var(--fontSizeBase100);}", ".fidmvdy text{font-weight:var(--fontWeightSemibold);}", ".f1noc3f3 text{line-height:var(--lineHeightBase100);}", ".f44ebzg text{forced-color-adjust:auto;}", ".fkuun line{opacity:0.2;}", ".f1u7a78k line{stroke:var(--colorNeutralForeground1);}", ".f1myyn02 line{width:1px;}", ".f1oca6e6 line{forced-color-adjust:auto;}", ".f1x8lysa path{display:none;}", ".f1j2g1si g{text-anchor:end;}", ".f9das1l{opacity:0.1;}", ".f158kwzp{cursor:default;}", ".frnwi6n{margin-top:var(--spacingVerticalS);}", ".ff3wqvv{margin-left:var(--spacingHorizontalXL);}", ".f1l2akhw{margin-right:var(--spacingHorizontalXL);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}"],
+  }], ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fmd4ok8{font-style:normal;}", ".f17mccla{text-align:center;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fk6onyz text{fill:var(--colorNeutralForeground1);}", ".f17odlr9 text{font-family:var(--fontFamilyBase);}", ".f1wvrikb text{font-size:var(--fontSizeBase100);}", ".fidmvdy text{font-weight:var(--fontWeightSemibold);}", ".f1noc3f3 text{line-height:var(--lineHeightBase100);}", ".f44ebzg text{forced-color-adjust:auto;}", ".fkuun line{opacity:0.2;}", ".f1u7a78k line{stroke:var(--colorNeutralForeground1);}", ".f1myyn02 line{width:1px;}", ".f1oca6e6 line{forced-color-adjust:auto;}", ".f1x8lysa path{display:none;}", ".f1j2g1si g{text-anchor:end;}", ".f9das1l{opacity:0.1;}", ".f158kwzp{cursor:default;}", ".frnwi6n{margin-top:var(--spacingVerticalS);}", ".ff3wqvv{margin-left:var(--spacingHorizontalXL);}", ".f1l2akhw{margin-right:var(--spacingHorizontalXL);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".f1euv43f{position:absolute;}", ".fr6rvge{top:var(--spacingVerticalNone);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
+    p: -1
+  }], ".f1aehjj5{pointer-events:none;}"],
   m: [["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.folz2wl{fill:CanvasText;}}", {
     m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
   }], ["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f14egcv9{fill:Canvas;}}", {
@@ -119,7 +143,8 @@ export const useCartesianChartStyles = props => {
     yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/),
     opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/),
     legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/),
-    svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip /*props.styles?.svgTooltip*/)
+    svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip /*props.styles?.svgTooltip*/),
+    tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/)
   };
 };
 //# sourceMappingURL=useCartesianChartStyles.styles.js.map

package/lib/components/CommonComponents/useCartesianChartStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__styles","mergeClasses","tokens","typographyStyles","HighContrastSelector","useRtl","cartesianchartClassNames","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","chartTitle","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","a6j6cd","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","zp1vxd","jxu3ei","B3i31d3","Bhcy8il","z3m6do","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","d","p","m","useCartesianChartStyles","props","_useRtl","baseStyles","enableReflow"],"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector, useRtl } from '../../utilities/utilities';\n/*\n @internal\n / export const cartesianchartClassNames = {\n root: 'fui-cart__root',\n chartWrapper: 'fui-cart__chartWrapper',\n axisTitle: 'fui-cart__axisTitle',\n xAxis: 'fui-cart__xAxis',\n yAxis: 'fui-cart__yAxis',\n opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n legendContainer: 'fui-cart__legendContainer',\n svgTooltip: 'fui-cart_svgTooltip',\n shapeStyles: 'fui-cart__shapeStyles',\n descriptionMessage: 'fui-cart__descriptionMessage',\n hover: 'fui-cart__hover',\n tooltip: 'fui-cart__tooltip',\n chartTitle: 'fui-cart__chartTitle'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n width: 'var(--root-width, 100%)',\n height: 'var(--root-height, 100%)',\n flexDirection: 'column',\n overflow: 'hidden'\n },\n chartWrapper: {\n overflow: 'auto'\n },\n axisTitle: {\n ...typographyStyles.caption2Strong,\n fontStyle: 'normal',\n textAlign: 'center',\n color: tokens.colorNeutralForeground2,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n },\n xAxis: {\n '& text': {\n fill: tokens.colorNeutralForeground1,\n ...typographyStyles.caption2Strong,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n width: '1px',\n forcedColorAdjust: 'auto'\n },\n '& path': {\n display: 'none'\n }\n },\n yAxis: {\n '& text': {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n '& path': {\n display: 'none'\n }\n },\n rtl: {\n '& g': {\n textAnchor: 'end'\n }\n },\n ltr: {},\n opacityChangeOnHover: {\n opacity: '0.1',\n cursor: 'default'\n },\n legendContainer: {\n marginTop: tokens.spacingVerticalS,\n marginLeft: tokens.spacingHorizontalXL\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n }\n});\n/\n Apply styling to the Carousel slots based on the state\n / export const useCartesianChartStyles = (props)=>{\n const _useRtl = useRtl();\n const baseStyles = useStyles();\n return {\n root: mergeClasses(cartesianchartClassNames.root, baseStyles.root /props.styles?.root/ ),\n chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, props.enableReflow ? baseStyles.chartWrapper : ''),\n axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /props.styles?.axisTitle/ ),\n xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /props.styles?.xAxis/ ),\n yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /props.styles?.yAxis/ ),\n opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /props.styles?.opacityChangeOnHover/ ),\n legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /props.styles?.legendContainer/ ),\n svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip /props.styles?.svgTooltip*/ )\n };\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;~~AACzD~~,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,SAASC,oBAAoB,EAAEC,MAAM,QAAQ,2BAA2B;AACxE;AACA;AACA;AAAI,OAAO,MAAMC,wBAAwB,GAAG;EACxCC,IAAI,EAAE,gBAAgB;EACtBC,YAAY,EAAE,wBAAwB;EACtCC,SAAS,EAAE,qBAAqB;EAChCC,KAAK,EAAE,iBAAiB;EACxBC,KAAK,EAAE,iBAAiB;EACxBC,oBAAoB,EAAE,gCAAgC;EACtDC,eAAe,EAAE,2BAA2B;EAC5CC,UAAU,EAAE,qBAAqB;EACjCC,WAAW,EAAE,uBAAuB;EACpCC,kBAAkB,EAAE,8BAA8B;EAClDC,KAAK,EAAE,iBAAiB;EACxBC,OAAO,EAAE,mBAAmB;EAC5BC,UAAU,EAAE;AAChB,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,~~gBAAGpB~~,QAAA;~~EAAAO~~,IAAA;IAAAc,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAvB,YAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAtB,SAAA;IAAAY,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAQ,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA1B,KAAA;IAAA2B,OAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAApC,KAAA;IAAA2B,MAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAJ,OAAA;IAAAK,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAE,MAAA;IAAAC,MAAA;EAAA;EAAAC,GAAA;IAAAC,OAAA;EAAA;EAAAC,GAAA;EAAAtC,oBAAA;IAAAuC,MAAA;IAAAC,OAAA;EAAA;EAAAvC,eAAA;IAAAwC,OAAA;IAAAC,MAAA;EAAA;EAAAxC,UAAA;IAAAqB,OAAA;IAAAC,MAAA;EAAA;AAAA;~~EAAAmB~~,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,~~CAyErB~~,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,uBAAuB,GAAIC,KAAK,IAAG;EAChD,MAAMC,OAAO,~~GAAGvD~~,MAAM,CAAC,CAAC;EACxB,~~MAAMwD~~,UAAU,~~GAAGzC~~,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHb,IAAI,~~EAAEN~~,YAAY,~~CAACK~~,wBAAwB,CAACC,IAAI,~~EAAEsD~~,UAAU,~~CAACtD~~,IAAI,CAAC,sBAAuB,CAAC;IAC1FC,YAAY,~~EAAEP~~,YAAY,~~CAACK~~,wBAAwB,CAACE,YAAY,~~EAAEmD~~,KAAK,CAACG,YAAY,GAAGD,UAAU,~~CAACrD~~,YAAY,GAAG,EAAE,CAAC;IACpHC,SAAS,~~EAAER~~,YAAY,~~CAACK~~,wBAAwB,CAACG,SAAS,~~EAAEoD~~,UAAU,~~CAACpD~~,SAAS,CAAC,2BAA4B,CAAC;IAC9GC,KAAK,~~EAAET~~,YAAY,~~CAACK~~,wBAAwB,CAACI,KAAK,~~EAAEmD~~,UAAU,~~CAACnD~~,KAAK,CAAC,uBAAwB,CAAC;IAC9FC,KAAK,~~EAAEV~~,YAAY,~~CAACK~~,wBAAwB,CAACK,KAAK,~~EAAEkD~~,UAAU,~~CAAClD~~,KAAK,~~EAAEiD~~,OAAO,GAAGC,UAAU,~~CAACb~~,GAAG,~~GAAGa~~,UAAU,~~CAACX~~,GAAG,CAAC,uBAAwB,CAAC;IACzItC,oBAAoB,~~EAAEX~~,YAAY,~~CAACK~~,wBAAwB,CAACM,oBAAoB,~~EAAEiD~~,UAAU,~~CAACjD~~,oBAAoB,CAAC,sCAAuC,CAAC;IAC1JC,eAAe,~~EAAEZ~~,YAAY,~~CAACK~~,wBAAwB,CAACO,eAAe,~~EAAEgD~~,UAAU,~~CAAChD~~,eAAe,CAAC,iCAAkC,CAAC;IACtIC,UAAU,~~EAAEb~~,YAAY,~~CAACK~~,wBAAwB,CAACQ,UAAU,~~EAAE+C~~,UAAU,~~CAAC/C~~,UAAU,CAAC,4BAA6B;~~EACrH~~,CAAC;AACL,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","typographyStyles","HighContrastSelector","useRtl","cartesianchartClassNames","root","chartWrapper","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","chartTitle","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","B80ckks","fsow6f","sj55zd","Bkfmm31","a6j6cd","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","zp1vxd","jxu3ei","B3i31d3","Bhcy8il","z3m6do","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","m","useCartesianChartStyles","props","_useRtl","baseStyles","enableReflow"],"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { HighContrastSelector, useRtl } from '../../utilities/utilities';\n/*\n @internal\n / export const cartesianchartClassNames = {\n root: 'fui-cart__root',\n chartWrapper: 'fui-cart__chartWrapper',\n axisTitle: 'fui-cart__axisTitle',\n xAxis: 'fui-cart__xAxis',\n yAxis: 'fui-cart__yAxis',\n opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n legendContainer: 'fui-cart__legendContainer',\n svgTooltip: 'fui-cart_svgTooltip',\n shapeStyles: 'fui-cart__shapeStyles',\n descriptionMessage: 'fui-cart__descriptionMessage',\n hover: 'fui-cart__hover',\n tooltip: 'fui-cart__tooltip',\n chartTitle: 'fui-cart__chartTitle'\n};\n/\n Base Styles\n / const useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n width: 'var(--root-width, 100%)',\n height: 'var(--root-height, 100%)',\n flexDirection: 'column',\n overflow: 'hidden'\n },\n chartWrapper: {\n overflow: 'auto'\n },\n axisTitle: {\n ...typographyStyles.caption2Strong,\n fontStyle: 'normal',\n textAlign: 'center',\n color: tokens.colorNeutralForeground2,\n fill: tokens.colorNeutralForeground1,\n [HighContrastSelector]: {\n fill: 'CanvasText'\n }\n },\n xAxis: {\n '& text': {\n fill: tokens.colorNeutralForeground1,\n ...typographyStyles.caption2Strong,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n width: '1px',\n forcedColorAdjust: 'auto'\n },\n '& path': {\n display: 'none'\n }\n },\n yAxis: {\n '& text': {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n '& line': {\n opacity: 0.2,\n stroke: tokens.colorNeutralForeground1,\n forcedColorAdjust: 'auto'\n },\n '& path': {\n display: 'none'\n }\n },\n rtl: {\n '& g': {\n textAnchor: 'end'\n }\n },\n ltr: {},\n opacityChangeOnHover: {\n opacity: '0.1',\n cursor: 'default'\n },\n legendContainer: {\n marginTop: tokens.spacingVerticalS,\n marginLeft: tokens.spacingHorizontalXL\n },\n svgTooltip: {\n fill: tokens.colorNeutralBackground1,\n [HighContrastSelector]: {\n fill: 'Canvas'\n }\n },\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 }\n});\n/\n Apply styling to the Carousel slots based on the state\n / export const useCartesianChartStyles = (props)=>{\n const _useRtl = useRtl();\n const baseStyles = useStyles();\n return {\n root: mergeClasses(cartesianchartClassNames.root, baseStyles.root /props.styles?.root/ ),\n chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, props.enableReflow ? baseStyles.chartWrapper : ''),\n axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /props.styles?.axisTitle/ ),\n xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /props.styles?.xAxis/ ),\n yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /props.styles?.yAxis/ ),\n opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /props.styles?.opacityChangeOnHover/ ),\n legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /props.styles?.legendContainer/ ),\n svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip /props.styles?.svgTooltip/ ),\n tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /props.styles?.tooltip*/ )\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/components/DeclarativeChart/PlotlySchemaAdapter.js CHANGED Viewed

@@ -239,7 +239,8 @@ export const transformPlotlyJsonToVSBCProps = (input, colorMap, isDarkTheme, fal
         yAxisTitle,
         mode: 'plotly',
         ...secondaryYAxisValues,
-        hideTickOverlap: true
+        hideTickOverlap: true,
+        barGapMax: 2
     };
 };
 export const transformPlotlyJsonToGVBCProps = (input, colorMap, isDarkTheme)=>{
@@ -451,7 +452,9 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = (input, colorMap,
         showYAxisLables: true,
         height: chartHeight,
         width: (_input_layout6 = input.layout) === null || _input_layout6 === void 0 ? void 0 : _input_layout6.width,
-        hideTickOverlap: true
+        hideTickOverlap: true,
+        noOfCharsToTruncate: 20,
+        showYAxisLablesTooltip: true
     };
 };
 export const transformPlotlyJsonToHeatmapProps = (input)=>{
@@ -555,7 +558,9 @@ export const transformPlotlyJsonToHeatmapProps = (input)=>{
         sortOrder: 'none',
         width: (_input_layout = input.layout) === null || _input_layout === void 0 ? void 0 : _input_layout.width,
         height: (_input_layout_height = (_input_layout1 = input.layout) === null || _input_layout1 === void 0 ? void 0 : _input_layout1.height) !== null && _input_layout_height !== void 0 ? _input_layout_height : 350,
-        hideTickOverlap: true
+        hideTickOverlap: true,
+        noOfCharsToTruncate: 20,
+        showYAxisLablesTooltip: true
     };
 };
 export const transformPlotlyJsonToSankeyProps = (input, colorMap, isDarkTheme)=>{