@fluentui/react-charts 9.3.6 → 9.3.8

package/lib/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.raw.js

@@ -8,7 +8,7 @@ export const DEFAULT_CONNECTOR_START_PADDING = 12;
 export const DEFAULT_CONNECTOR_END_PADDING = 0;
 export const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;
 export const DEFAULT_CONNECTOR_ARROW = 'end';
-export const applyOpacityToColor = (color, opacity)=>{
+export const applyOpacityToColor = (color, opacity, options)=>{
     if (!color) {
         return undefined;
     }
@@ -16,6 +16,12 @@ export const applyOpacityToColor = (color, opacity)=>{
     if (!parsed) {
         return color;
     }
+    const originalOpacity = typeof parsed.opacity === 'number' ? parsed.opacity : 1;
+    var _options_preserveOriginalOpacity;
+    const preserveOriginalOpacity = (_options_preserveOriginalOpacity = options === null || options === void 0 ? void 0 : options.preserveOriginalOpacity) !== null && _options_preserveOriginalOpacity !== void 0 ? _options_preserveOriginalOpacity : true;
+    if (preserveOriginalOpacity && originalOpacity < 1) {
+        return parsed.toString();
+    }
     parsed.opacity = Math.max(0, Math.min(1, opacity));
     return parsed.toString();
 };

package/lib/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { color as d3Color } from 'd3-color';\nimport { ChartAnnotationArrowHead } from '../../../types/ChartAnnotation';\n\nexport interface ChartAnnotationLayerStyles {\n  root?: string;\n  annotation?: string;\n  connectorLayer?: string;\n  measurement?: string;\n  annotationContent?: string;\n  annotationForeignObject?: string;\n  annotationContentInteractive?: string;\n  annotationForeignObjectInteractive?: string;\n  connectorGroup?: string;\n}\n\nexport interface ChartAnnotationLayerStyleProps {\n  className?: string;\n  styles?: Partial<ChartAnnotationLayerStyles>;\n}\n\nexport const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;\nexport const DEFAULT_ANNOTATION_PADDING = '4px 8px';\nexport const DEFAULT_CONNECTOR_START_PADDING = 12;\nexport const DEFAULT_CONNECTOR_END_PADDING = 0;\nexport const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;\nexport const DEFAULT_CONNECTOR_ARROW: ChartAnnotationArrowHead = 'end';\n\nexport const applyOpacityToColor = (color: string | undefined, opacity: number): string | undefined => {\n  if (!color) {\n    return undefined;\n  }\n\n  const parsed = d3Color(color);\n  if (!parsed) {\n    return color;\n  }\n\n  parsed.opacity = Math.max(0, Math.min(1, opacity));\n  return parsed.toString();\n};\n\n/**\n * Get default annotation background color with opacity applied\n * Updated for v9 - uses tokens instead of theme\n */\nexport const getDefaultAnnotationBackgroundColor = (): string | undefined =>\n  applyOpacityToColor(tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);\n\n/**\n * Get default connector stroke color\n * Updated for v9 - uses tokens instead of theme\n */\nexport const getDefaultConnectorStrokeColor = (): string => tokens.colorNeutralForeground1;\n\n/**\n * @internal\n */\nexport const chartAnnotationLayerClassNames: SlotClassNames<ChartAnnotationLayerStyles> = {\n  root: 'fui-chartAnnotationLayer__root',\n  annotation: 'fui-chartAnnotationLayer__annotation',\n  connectorLayer: 'fui-chartAnnotationLayer__connectorLayer',\n  measurement: 'fui-chartAnnotationLayer__measurement',\n  annotationContent: 'fui-chartAnnotationLayer__annotationContent',\n  annotationForeignObject: 'fui-chartAnnotationLayer__annotationForeignObject',\n  annotationContentInteractive: 'fui-chartAnnotationLayer__annotationContentInteractive',\n  annotationForeignObjectInteractive: 'fui-chartAnnotationLayer__annotationForeignObjectInteractive',\n  connectorGroup: 'fui-chartAnnotationLayer__connectorGroup',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    overflow: 'visible',\n    zIndex: 1,\n  },\n  annotation: {\n    ...typographyStyles.caption1,\n    position: 'absolute',\n    pointerEvents: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    color: tokens.colorNeutralForeground1,\n    paddingTop: '4px',\n    paddingBottom: '4px',\n    paddingLeft: '8px',\n    paddingRight: '8px',\n    borderRadius: tokens.borderRadiusMedium,\n    boxShadow: tokens.shadow16,\n    border: `1px solid ${tokens.colorNeutralStroke1}`,\n    whiteSpace: 'pre-wrap',\n    zIndex: 2,\n  },\n  connectorLayer: {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    overflow: 'visible',\n  },\n  measurement: {\n    position: 'absolute',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n  },\n  annotationContent: {\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n  },\n  annotationForeignObject: {\n    overflow: 'visible',\n    pointerEvents: 'none',\n  },\n  annotationContentInteractive: {\n    pointerEvents: 'auto',\n  },\n  annotationForeignObjectInteractive: {\n    pointerEvents: 'auto',\n  },\n  connectorGroup: {\n    pointerEvents: 'none',\n  },\n});\n\n/**\n * Apply styling to the ChartAnnotationLayer slots based on the state\n */\nexport const useChartAnnotationLayerStyles = (props: ChartAnnotationLayerStyleProps): ChartAnnotationLayerStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartAnnotationLayerClassNames.root, baseStyles.root, props.className, props.styles?.root),\n    annotation: mergeClasses(\n      chartAnnotationLayerClassNames.annotation,\n      baseStyles.annotation,\n      props.styles?.annotation,\n    ),\n    connectorLayer: mergeClasses(\n      chartAnnotationLayerClassNames.connectorLayer,\n      baseStyles.connectorLayer,\n      props.styles?.connectorLayer,\n    ),\n    measurement: mergeClasses(\n      chartAnnotationLayerClassNames.measurement,\n      baseStyles.measurement,\n      props.styles?.measurement,\n    ),\n    annotationContent: mergeClasses(\n      chartAnnotationLayerClassNames.annotationContent,\n      baseStyles.annotationContent,\n      props.styles?.annotationContent,\n    ),\n    annotationForeignObject: mergeClasses(\n      chartAnnotationLayerClassNames.annotationForeignObject,\n      baseStyles.annotationForeignObject,\n      props.styles?.annotationForeignObject,\n    ),\n    annotationContentInteractive: mergeClasses(\n      chartAnnotationLayerClassNames.annotationContentInteractive,\n      baseStyles.annotationContentInteractive,\n      props.styles?.annotationContentInteractive,\n    ),\n    annotationForeignObjectInteractive: mergeClasses(\n      chartAnnotationLayerClassNames.annotationForeignObjectInteractive,\n      baseStyles.annotationForeignObjectInteractive,\n      props.styles?.annotationForeignObjectInteractive,\n    ),\n    connectorGroup: mergeClasses(\n      chartAnnotationLayerClassNames.connectorGroup,\n      baseStyles.connectorGroup,\n      props.styles?.connectorGroup,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","color","d3Color","DEFAULT_ANNOTATION_BACKGROUND_OPACITY","DEFAULT_ANNOTATION_PADDING","DEFAULT_CONNECTOR_START_PADDING","DEFAULT_CONNECTOR_END_PADDING","DEFAULT_CONNECTOR_STROKE_WIDTH","DEFAULT_CONNECTOR_ARROW","applyOpacityToColor","opacity","undefined","parsed","Math","max","min","toString","getDefaultAnnotationBackgroundColor","colorNeutralBackground1","getDefaultConnectorStrokeColor","colorNeutralForeground1","chartAnnotationLayerClassNames","root","annotation","connectorLayer","measurement","annotationContent","annotationForeignObject","annotationContentInteractive","annotationForeignObjectInteractive","connectorGroup","useStyles","position","top","left","right","bottom","width","height","pointerEvents","overflow","zIndex","caption1","display","alignItems","justifyContent","textAlign","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderRadiusMedium","boxShadow","shadow16","border","colorNeutralStroke1","whiteSpace","visibility","useChartAnnotationLayerStyles","props","baseStyles","className","styles"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/Annotations/useChartAnnotationLayer.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { color as d3Color } from 'd3-color';\nimport { ChartAnnotationArrowHead } from '../../../types/ChartAnnotation';\n\nexport interface ChartAnnotationLayerStyles {\n  root?: string;\n  annotation?: string;\n  connectorLayer?: string;\n  measurement?: string;\n  annotationContent?: string;\n  annotationForeignObject?: string;\n  annotationContentInteractive?: string;\n  annotationForeignObjectInteractive?: string;\n  connectorGroup?: string;\n}\n\nexport interface ChartAnnotationLayerStyleProps {\n  className?: string;\n  styles?: Partial<ChartAnnotationLayerStyles>;\n}\n\nexport const DEFAULT_ANNOTATION_BACKGROUND_OPACITY = 0.8;\nexport const DEFAULT_ANNOTATION_PADDING = '4px 8px';\nexport const DEFAULT_CONNECTOR_START_PADDING = 12;\nexport const DEFAULT_CONNECTOR_END_PADDING = 0;\nexport const DEFAULT_CONNECTOR_STROKE_WIDTH = 2;\nexport const DEFAULT_CONNECTOR_ARROW: ChartAnnotationArrowHead = 'end';\n\nexport const applyOpacityToColor = (\n  color: string | undefined,\n  opacity: number,\n  options?: {\n    preserveOriginalOpacity?: boolean;\n  },\n): string | undefined => {\n  if (!color) {\n    return undefined;\n  }\n\n  const parsed = d3Color(color);\n  if (!parsed) {\n    return color;\n  }\n\n  const originalOpacity = typeof parsed.opacity === 'number' ? parsed.opacity : 1;\n  const preserveOriginalOpacity = options?.preserveOriginalOpacity ?? true;\n\n  if (preserveOriginalOpacity && originalOpacity < 1) {\n    return parsed.toString();\n  }\n\n  parsed.opacity = Math.max(0, Math.min(1, opacity));\n  return parsed.toString();\n};\n\n/**\n * Get default annotation background color with opacity applied\n * Updated for v9 - uses tokens instead of theme\n */\nexport const getDefaultAnnotationBackgroundColor = (): string | undefined =>\n  applyOpacityToColor(tokens.colorNeutralBackground1, DEFAULT_ANNOTATION_BACKGROUND_OPACITY);\n\n/**\n * Get default connector stroke color\n * Updated for v9 - uses tokens instead of theme\n */\nexport const getDefaultConnectorStrokeColor = (): string => tokens.colorNeutralForeground1;\n\n/**\n * @internal\n */\nexport const chartAnnotationLayerClassNames: SlotClassNames<ChartAnnotationLayerStyles> = {\n  root: 'fui-chartAnnotationLayer__root',\n  annotation: 'fui-chartAnnotationLayer__annotation',\n  connectorLayer: 'fui-chartAnnotationLayer__connectorLayer',\n  measurement: 'fui-chartAnnotationLayer__measurement',\n  annotationContent: 'fui-chartAnnotationLayer__annotationContent',\n  annotationForeignObject: 'fui-chartAnnotationLayer__annotationForeignObject',\n  annotationContentInteractive: 'fui-chartAnnotationLayer__annotationContentInteractive',\n  annotationForeignObjectInteractive: 'fui-chartAnnotationLayer__annotationForeignObjectInteractive',\n  connectorGroup: 'fui-chartAnnotationLayer__connectorGroup',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    right: '0',\n    bottom: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    overflow: 'visible',\n    zIndex: 1,\n  },\n  annotation: {\n    ...typographyStyles.caption1,\n    position: 'absolute',\n    pointerEvents: 'none',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    textAlign: 'center',\n    color: tokens.colorNeutralForeground1,\n    paddingTop: '4px',\n    paddingBottom: '4px',\n    paddingLeft: '8px',\n    paddingRight: '8px',\n    borderRadius: tokens.borderRadiusMedium,\n    boxShadow: tokens.shadow16,\n    border: `1px solid ${tokens.colorNeutralStroke1}`,\n    whiteSpace: 'pre-wrap',\n    zIndex: 2,\n  },\n  connectorLayer: {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    overflow: 'visible',\n  },\n  measurement: {\n    position: 'absolute',\n    visibility: 'hidden',\n    pointerEvents: 'none',\n  },\n  annotationContent: {\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n  },\n  annotationForeignObject: {\n    overflow: 'visible',\n    pointerEvents: 'none',\n  },\n  annotationContentInteractive: {\n    pointerEvents: 'auto',\n  },\n  annotationForeignObjectInteractive: {\n    pointerEvents: 'auto',\n  },\n  connectorGroup: {\n    pointerEvents: 'none',\n  },\n});\n\n/**\n * Apply styling to the ChartAnnotationLayer slots based on the state\n */\nexport const useChartAnnotationLayerStyles = (props: ChartAnnotationLayerStyleProps): ChartAnnotationLayerStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartAnnotationLayerClassNames.root, baseStyles.root, props.className, props.styles?.root),\n    annotation: mergeClasses(\n      chartAnnotationLayerClassNames.annotation,\n      baseStyles.annotation,\n      props.styles?.annotation,\n    ),\n    connectorLayer: mergeClasses(\n      chartAnnotationLayerClassNames.connectorLayer,\n      baseStyles.connectorLayer,\n      props.styles?.connectorLayer,\n    ),\n    measurement: mergeClasses(\n      chartAnnotationLayerClassNames.measurement,\n      baseStyles.measurement,\n      props.styles?.measurement,\n    ),\n    annotationContent: mergeClasses(\n      chartAnnotationLayerClassNames.annotationContent,\n      baseStyles.annotationContent,\n      props.styles?.annotationContent,\n    ),\n    annotationForeignObject: mergeClasses(\n      chartAnnotationLayerClassNames.annotationForeignObject,\n      baseStyles.annotationForeignObject,\n      props.styles?.annotationForeignObject,\n    ),\n    annotationContentInteractive: mergeClasses(\n      chartAnnotationLayerClassNames.annotationContentInteractive,\n      baseStyles.annotationContentInteractive,\n      props.styles?.annotationContentInteractive,\n    ),\n    annotationForeignObjectInteractive: mergeClasses(\n      chartAnnotationLayerClassNames.annotationForeignObjectInteractive,\n      baseStyles.annotationForeignObjectInteractive,\n      props.styles?.annotationForeignObjectInteractive,\n    ),\n    connectorGroup: mergeClasses(\n      chartAnnotationLayerClassNames.connectorGroup,\n      baseStyles.connectorGroup,\n      props.styles?.connectorGroup,\n    ),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","color","d3Color","DEFAULT_ANNOTATION_BACKGROUND_OPACITY","DEFAULT_ANNOTATION_PADDING","DEFAULT_CONNECTOR_START_PADDING","DEFAULT_CONNECTOR_END_PADDING","DEFAULT_CONNECTOR_STROKE_WIDTH","DEFAULT_CONNECTOR_ARROW","applyOpacityToColor","opacity","options","undefined","parsed","originalOpacity","preserveOriginalOpacity","toString","Math","max","min","getDefaultAnnotationBackgroundColor","colorNeutralBackground1","getDefaultConnectorStrokeColor","colorNeutralForeground1","chartAnnotationLayerClassNames","root","annotation","connectorLayer","measurement","annotationContent","annotationForeignObject","annotationContentInteractive","annotationForeignObjectInteractive","connectorGroup","useStyles","position","top","left","right","bottom","width","height","pointerEvents","overflow","zIndex","caption1","display","alignItems","justifyContent","textAlign","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","borderRadiusMedium","boxShadow","shadow16","border","colorNeutralStroke1","whiteSpace","visibility","useChartAnnotationLayerStyles","props","baseStyles","className","styles"],"mappings":"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"}

package/lib/components/CommonComponents/CartesianChart.js

@@ -2,7 +2,7 @@
 import * as React from 'react';
 import { useCartesianChartStyles } from './useCartesianChartStyles.styles';
 import { select as d3Select } from 'd3-selection';
-import { createNumericXAxis, createStringXAxis, createDateXAxis, XAxisTypes, YAxisType, createWrapOfXLabels, rotateXAxisLabels, calculateLongestLabelWidth, createYAxisLabels, ChartTypes, wrapContent, useRtl, truncateString, tooltipOfAxislabels, getSecureProps, DEFAULT_WRAP_WIDTH } from '../../utilities/index';
+import { createNumericXAxis, createStringXAxis, createDateXAxis, XAxisTypes, YAxisType, createWrapOfXLabels, rotateXAxisLabels, calculateLongestLabelWidth, createYAxisLabels, ChartTypes, wrapContent, useRtl, truncateString, tooltipOfAxislabels, getSecureProps, DEFAULT_WRAP_WIDTH, autoLayoutXAxisLabels } from '../../utilities/index';
 import { useId } from '@fluentui/react-utilities';
 import { SVGTooltipText } from '../../utilities/SVGTooltipText';
 import { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';
@@ -27,7 +27,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     const idForGraph = 'chart_';
     let _reqID;
     const _useRtl = useRtl();
-    let _tickValues;
+    let _tickLabels;
     const _isFirstRender = React.useRef(true);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     let _xScale;
@@ -52,6 +52,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     const classes = useCartesianChartStyles(props);
     const focusAttributes = useFocusableGroup();
     const arrowAttributes = useArrowNavigationGroup({
+        circular: true,
         axis: 'horizontal'
     });
     // ComponentdidMount and Componentwillunmount logic
@@ -136,6 +137,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     let yScaleSecondary;
     let children = null;
     if (props.enableFirstRenderOptimization && chartContainer.current || !props.enableFirstRenderOptimization) {
+        var _props_xAxis, _props_xAxis1, _props_xAxis2;
         _isFirstRender.current = false;
         var _props_showRoundOffXTickValues;
         const XAxisParams = {
@@ -157,8 +159,10 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
             xAxisInnerPadding: props.xAxisInnerPadding,
             xAxisOuterPadding: props.xAxisOuterPadding,
             containerWidth: containerWidth,
-            hideTickOverlap: props.rotateXAxisLables ? false : hideTickOverlap,
+            hideTickOverlap: props.rotateXAxisLables || ((_props_xAxis = props.xAxis) === null || _props_xAxis === void 0 ? void 0 : _props_xAxis.tickLayout) === 'auto' ? false : hideTickOverlap,
             calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,
+            xMinValue: props.xMinValue,
+            xMaxValue: props.xMaxValue,
             ...props.xAxis
         };
         /**
@@ -169,22 +173,27 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
      */ // eslint-disable-next-line @typescript-eslint/no-explicit-any
         let xScale;
         let tickValues;
+        let tickLabels;
         switch(props.xAxisType){
             case XAxisTypes.NumericAxis:
-                ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType, _useRtl));
+                ({ xScale, tickValues, tickLabels } = createNumericXAxis(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType, _useRtl));
                 break;
             case XAxisTypes.DateAxis:
-                ({ xScale, tickValues } = createDateXAxis(XAxisParams, props.tickParams, culture, dateLocalizeOptions, timeFormatLocale, customDateTimeFormatter, props.useUTC, props.chartType));
+                ({ xScale, tickValues, tickLabels } = createDateXAxis(XAxisParams, props.tickParams, culture, dateLocalizeOptions, timeFormatLocale, customDateTimeFormatter, props.useUTC, props.chartType));
                 break;
             case XAxisTypes.StringAxis:
-                ({ xScale, tickValues } = createStringXAxis(XAxisParams, props.tickParams, props.datasetForXAxisDomain, culture, _useRtl));
+                ({ xScale, tickValues, tickLabels } = createStringXAxis(XAxisParams, props.tickParams, props.datasetForXAxisDomain, culture, _useRtl));
                 break;
             default:
-                ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType, _useRtl));
+                ({ xScale, tickValues, tickLabels } = createNumericXAxis(XAxisParams, props.tickParams, props.chartType, culture, props.xScaleType, _useRtl));
         }
         _xScale = xScale;
-        _tickValues = tickValues;
-        _transformXAxisLabels();
+        _tickLabels = tickLabels;
+        if (((_props_xAxis1 = props.xAxis) === null || _props_xAxis1 === void 0 ? void 0 : _props_xAxis1.tickLayout) === 'auto') {
+            _removalValueForTextTuncate = autoLayoutXAxisLabels(tickValues, _tickLabels, _xScale, xAxisElement.current, containerWidth, chartContainer.current);
+        } else {
+            _transformXAxisLabels();
+        }
         const YAxisParams = {
             margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,
             containerWidth: containerWidth,
@@ -243,31 +252,34 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
         }
         _yAxisTickText.current = axisData.yAxisTickText;
         props.getAxisData && props.getAxisData(axisData);
-        // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup
-        // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur
-        // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)
-        if (!props.showYAxisLablesTooltip) {
-            try {
-                document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
-            //eslint-disable-next-line no-empty
-            } catch (e) {}
+        // Removing previously created tooltips.
+        try {
+            // eslint-disable-next-line @nx/workspace-no-restricted-globals
+            document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
+        // eslint-disable-next-line no-empty
+        } catch (e) {}
+        // Used to display tooltip at x axis labels.
+        if (props.showXAxisLablesTooltip || ((_props_xAxis2 = props.xAxis) === null || _props_xAxis2 === void 0 ? void 0 : _props_xAxis2.tickLayout) === 'auto') {
+            const _xAxisElement = xAxisElement.current ? d3Select(xAxisElement.current).call(xScale) : null;
+            const tooltipProps = {
+                tooltipCls: classes.tooltip,
+                id: _tooltipId,
+                axis: _xAxisElement,
+                container: chartContainer.current
+            };
+            _xAxisElement && tooltipOfAxislabels(tooltipProps);
         }
         // Used to display tooltip at y axis labels.
         if (props.showYAxisLablesTooltip) {
             // To create y axis tick values by if specified truncating the rest of the text
             // and showing elipsis or showing the whole string,
-            yScalePrimary && // Note: This function should be invoked within the showYAxisLablesTooltip check,
-            // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.
-            createYAxisLabels(yAxisElement.current, yScalePrimary, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, _useRtl);
-            const _yAxisElement = d3Select(yAxisElement.current).call(yScalePrimary);
-            try {
-                document.getElementById(_tooltipId) && document.getElementById(_tooltipId).remove();
-            //eslint-disable-next-line no-empty
-            } catch (e) {}
+            yScalePrimary && createYAxisLabels(yAxisElement.current, yScalePrimary, props.noOfCharsToTruncate || 4, props.showYAxisLablesTooltip || false, _useRtl);
+            const _yAxisElement = yAxisElement.current ? d3Select(yAxisElement.current).call(yScalePrimary) : null;
             const ytooltipProps = {
                 tooltipCls: classes.tooltip,
                 id: _tooltipId,
-                axis: _yAxisElement
+                axis: _yAxisElement,
+                container: chartContainer.current
             };
             _yAxisElement && tooltipOfAxislabels(ytooltipProps);
         }
@@ -354,8 +366,8 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     }
     function _calculateChartMinWidth() {
         // Adding 10px for padding on both sides
-        const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;
-        let minChartWidth = margins.left + margins.right + labelWidth * (_tickValues.length - 1);
+        const labelWidth = _calcMaxLabelWidthWithTransform(_tickLabels) + 10;
+        let minChartWidth = margins.left + margins.right + labelWidth * (_tickLabels.length - 1);
         if ([
             ChartTypes.GroupedVerticalBarChart,
             ChartTypes.VerticalBarChart,
@@ -366,6 +378,12 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
         }
         return minChartWidth;
     }
+    function _getChartDescription() {
+        return (props.chartTitle || 'Chart. ') + _getAxisTitle('X', props.xAxisTitle, props.xAxisType) + _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) + (props.secondaryYScaleOptions ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis) : '');
+    }
+    function _getAxisTitle(axisLabel, axisTitle, axisType) {
+        return `The ${axisLabel} axis displays ` + (axisTitle || (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis ? 'categories' : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis ? 'time' : 'values')) + '. ';
+    }
     function _calcMaxLabelWidthWithTransform(x) {
         // Case: rotated labels
         if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType === XAxisTypes.StringAxis) {
@@ -374,11 +392,11 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
         }
         // Case: truncated labels
         if (props.showXAxisLablesTooltip) {
-            const tickValues = x.map((val)=>{
+            const tickLabels = x.map((val)=>{
                 const numChars = props.noOfCharsToTruncate || 4;
                 return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;
             });
-            const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);
+            const longestLabelWidth = calculateLongestLabelWidth(tickLabels, `.${classes.xAxis} text`);
             return Math.ceil(longestLabelWidth);
         }
         // Case: wrapped labels
@@ -420,7 +438,8 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
                 xAxis: _xScale,
                 showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,
                 noOfCharsToTruncate: props.noOfCharsToTruncate || 4,
-                width: maxXAxisLabelWidth
+                width: maxXAxisLabelWidth,
+                container: chartContainer.current
             };
             var _createWrapOfXLabels;
             _removalValueForTextTuncate = (_createWrapOfXLabels = createWrapOfXLabels(wrapLabelProps)) !== null && _createWrapOfXLabels !== void 0 ? _createWrapOfXLabels : 0;
@@ -527,7 +546,8 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     }, _isFirstRender.current, /*#__PURE__*/ React.createElement("svg", {
         width: svgDimensions.width,
         height: svgDimensions.height,
-        "aria-label": props.chartTitle,
+        role: "region",
+        "aria-label": _getChartDescription(),
         style: {
             display: 'block'
         },

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickValues: (string | number)[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\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.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\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): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\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\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\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\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: 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      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.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: props.rotateXAxisLables ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      ...props.xAxis,\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 xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\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          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickValues = tickValues;\n\n    _transformXAxisLabels();\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(points, 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      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\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    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\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(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\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      // 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        // Note: This function should be invoked within the showYAxisLablesTooltip check,\n        // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\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    // 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    // 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 plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\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    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\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  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.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      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\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 setState.\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      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\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) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\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) => {\n        chartContainer.current = rootElem;\n      }}\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          className={classes.chart}\n          {...getSecureProps(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              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 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                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\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","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickValues","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xAxis","xScale","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisTitle","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","textProps","axisTitle","textAnchor","maxWidth","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n  autoLayoutXAxisLabels,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickLabels: string[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\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): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\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\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\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\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: 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      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.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: props.rotateXAxisLables || props.xAxis?.tickLayout === 'auto' ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\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 xScale: any;\n    let tickValues: number[] | Date[] | string[];\n    let tickLabels: string[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues, tickLabels } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues, tickLabels } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues, tickLabels } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues, tickLabels } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickLabels = tickLabels;\n\n    if (props.xAxis?.tickLayout === 'auto') {\n      _removalValueForTextTuncate = autoLayoutXAxisLabels(\n        tickValues,\n        _tickLabels,\n        _xScale,\n        xAxisElement.current,\n        containerWidth,\n        chartContainer.current,\n      );\n    } else {\n      _transformXAxisLabels();\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(points, 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      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\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    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\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(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing previously created tooltips.\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    // Used to display tooltip at x axis labels.\n    if (props.showXAxisLablesTooltip || props.xAxis?.tickLayout === 'auto') {\n      const _xAxisElement = xAxisElement.current ? d3Select(xAxisElement.current).call(xScale) : null;\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _xAxisElement,\n        container: chartContainer.current,\n      };\n      _xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\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          _useRtl,\n        );\n\n      const _yAxisElement = yAxisElement.current ? d3Select(yAxisElement.current).call(yScalePrimary) : null;\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n        container: chartContainer.current,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\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    // 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 plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\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    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickLabels) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickLabels.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  function _getChartDescription(): string {\n    return (\n      (props.chartTitle || 'Chart. ') +\n      _getAxisTitle('X', props.xAxisTitle, props.xAxisType) +\n      _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) +\n      (props.secondaryYScaleOptions\n        ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis)\n        : '')\n    );\n  }\n\n  function _getAxisTitle(axisLabel: string, axisTitle: string | undefined, axisType: XAxisTypes | YAxisType): string {\n    return (\n      `The ${axisLabel} axis displays ` +\n      (axisTitle ||\n        (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis\n          ? 'categories'\n          : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis\n          ? 'time'\n          : 'values')) +\n      '. '\n    );\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickLabels = x.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(tickLabels, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\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 setState.\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      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n        container: chartContainer.current,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\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) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\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) => {\n        chartContainer.current = rootElem;\n      }}\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          role=\"region\"\n          aria-label={_getChartDescription()}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(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              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 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                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\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","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","autoLayoutXAxisLabels","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickLabels","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","circular","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","xAxis","tickLayout","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xScale","tickLabels","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_xAxisElement","call","tooltipProps","tooltipCls","tooltip","id","container","_yAxisElement","ytooltipProps","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","_getChartDescription","chartTitle","_getAxisTitle","xAxisTitle","yAxisTitle","secondaryYAxistitle","axisLabel","axisTitle","axisType","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","style","display","chart","g","transform","textProps","textAnchor","maxWidth","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}