@fluentui/react-charts 0.0.0-nightly-20250702-0405.1 → 0.0.0-nightly-20250703-1103.1

package/CHANGELOG.md

@@ -1,28 +1,28 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Wed, 02 Jul 2025 04:21:22 GMT and should not be manually modified.
+This log was last generated on Thu, 03 Jul 2025 11:19:39 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250702-0405.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20250702-0405.1)
+## [0.0.0-nightly-20250703-1103.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20250703-1103.1)
 
-Wed, 02 Jul 2025 04:21:22 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.1.5..@fluentui/react-charts_v0.0.0-nightly-20250702-0405.1)
+Thu, 03 Jul 2025 11:19:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.1.5..@fluentui/react-charts_v0.0.0-nightly-20250703-1103.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/react-button to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-overflow to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-popover to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250702-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a2383d3a6a1adef5b96527fec7baf7bcf122da30) by beachball)
+- Bump @fluentui/react-button to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-overflow to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-popover to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250703-1103.1 ([commit](https://github.com/microsoft/fluentui/commit/526d249cdcd844e3f173f9163b3ce779fe6035e8) by beachball)
 
 ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.1.5)
 

package/dist/index.d.ts

@@ -345,7 +345,7 @@ export declare interface CartesianChartProps {
     svgProps?: React_2.SVGProps<SVGSVGElement>;
     /**
      * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
-     * @default True for LineChart but False for other charts
+     * @deprecated Use `reflowProps` instead.
      */
     enableReflow?: boolean;
     /**
@@ -448,6 +448,7 @@ export declare interface CartesianChartStyleProps {
     toDrawShape?: boolean;
     /**
      * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
+     * @deprecated Use `reflowProps` instead.
      */
     enableReflow?: boolean;
 }
@@ -509,6 +510,10 @@ export declare interface CartesianChartStyles {
      * Styles for the svg tooltip
      */
     svgTooltip?: string;
+    /**
+     * Styles for the chart svg element
+     */
+    chart?: string;
 }
 
 /**
@@ -1162,6 +1167,10 @@ export declare interface GaugeChartStyles {
      * Styles for the shape object in the callout
      */
     shapeStyles?: string;
+    /**
+     * Styles for the chart wrapper div
+     */
+    chartWrapper?: string;
 }
 
 /**
@@ -2593,6 +2602,17 @@ export declare interface ResponsiveChildProps {
     width?: number;
     height?: number;
     shouldResize?: number;
+    styles?: ResponsiveChildStyles;
+}
+
+/**
+ * Responsive Child styles
+ * {@docCategory ResponsiveContainer}
+ */
+export declare interface ResponsiveChildStyles {
+    root?: string;
+    chartWrapper?: string;
+    chart?: string;
 }
 
 /**
@@ -2730,7 +2750,7 @@ export declare interface SankeyChartProps {
     formatNumberOptions?: Intl.NumberFormatOptions;
     /**
      * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows
-     * @default true
+     * @deprecated Use `reflowProps` instead.
      */
     enableReflow?: boolean;
     /**
@@ -2746,6 +2766,17 @@ export declare interface SankeyChartProps {
      * The prop used to define the culture to localize the numbers and date
      */
     culture?: string;
+    /**
+     * Props related to reflow behavior of the chart
+     */
+    reflowProps?: {
+        /**
+         * Determines the reflow behavior of the chart.
+         * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.
+         * @default 'none'
+         */
+        mode: 'none' | 'min-width';
+    };
 }
 
 /**
@@ -2788,6 +2819,10 @@ export declare interface SankeyChartStyles {
      * Styles for the chart wrapper div
      */
     chartWrapper?: string;
+    /**
+     * Styles for the chart svg element
+     */
+    chart?: string;
 }
 
 declare type SankeyLayoutGenerator = SankeyLayout<SankeyGraph<{}, {}>, {}, {}>;

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

@@ -13,7 +13,8 @@ export const areaChartClassNames = {
   opacityChangeOnHover: '',
   shapeStyles: '',
   chartWrapper: '',
-  svgTooltip: ''
+  svgTooltip: '',
+  chart: ''
 };
 const useStyles = /*#__PURE__*/__styles({
   tooltip: {

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

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

package/lib/components/CommonComponents/CartesianChart.js

@@ -445,6 +445,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
         style: {
             display: 'block'
         },
+        className: classes.chart,
         ...svgProps
     }, /*#__PURE__*/ React.createElement("g", {
         ref: (e)=>{

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["CartesianChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { LegendsProps } from '../Legends/index';\nimport { AccessibilityProps, Chart, Margins, DataPoint, HorizontalBarChartWithAxisDataPoint } from '../../types/index';\nimport { ChartTypes, XAxisTypes, YAxisType, IDomainNRange } from '../../utilities/index';\nimport { TimeLocaleDefinition } from 'd3-time-format';\nimport { ChartPopoverProps } from './ChartPopover.types';\n/**\n * Cartesian Chart style properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyleProps {\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Color of the chart.\n   */\n  color?: string;\n\n  /**\n   * Link to redirect if click action for graph\n   */\n  href?: string;\n\n  /**\n   * prop to check if the chart is selected or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check if the Page is in Rtl\n   */\n  useRtl?: boolean;\n\n  /**\n   * color of the line\n   */\n  lineColor?: string;\n\n  /**\n   * boolean flag which determines if shape is drawn in callout\n   */\n  toDrawShape?: boolean;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   */\n  enableReflow?: boolean;\n}\n\n/**\n * Cartesian Chart styles\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: string;\n\n  /**\n   * Style for the element containing the x-axis.\n   */\n  xAxis?: string;\n\n  /**\n   * Style for the element containing the y-axis.\n   */\n  yAxis?: string;\n\n  /**\n   * Style for legend container\n   */\n  legendContainer?: string;\n\n  /**\n   * line hover box css\n   */\n  hover?: string;\n\n  /**\n   * styles for description message\n   */\n  descriptionMessage?: string;\n\n  /**\n   * styles for tooltip\n   */\n  tooltip?: string;\n\n  /**\n   * styles for tooltip\n   */\n  axisTitle?: string;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover?: string;\n\n  /**\n   * styles for the shape object in the callout\n   */\n  shapeStyles?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n\n  /**\n   * Styles for the svg tooltip\n   */\n  svgTooltip?: string;\n}\n\n/**\n * Cartesian Chart properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartProps {\n  /**\n   * Below height used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  height?: number;\n\n  /**\n   * Below width used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  width?: number;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: Margins;\n\n  /** decides wether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * this prop takes values that you want the chart to render on x-axis\n   * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you\n   * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart\n   */\n  tickValues?: number[] | Date[] | string[] | undefined;\n\n  /**\n   * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'\n   * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis\n   * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.\n   */\n  tickFormat?: string;\n\n  /**\n   * Width of line stroke\n   */\n  strokeWidth?: number;\n\n  /**\n   * x Axis labels tick padding. This defines the gap between tick labels and tick lines.\n   * @default 10\n   */\n  xAxisTickPadding?: number;\n\n  /**\n   * the format in for the data on y-axis. For data object this can be specified to your requirement.\n   *  Eg: d3.format(\".0%\")(0.123),d3.format(\"+20\")(42);\n   * Please look at https://github.com/d3/d3-format for all the formats supported\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yAxisTickFormat?: any;\n\n  /**\n   * Secondary y-scale options\n   * By default this is not defined, meaning there will be no secondary y-scale.\n   */\n  secondaryYScaleOptions?: {\n    /** Minimum value (0 by default) */\n    yMinValue?: number;\n    /** Maximum value (100 by default) */\n    yMaxValue?: number;\n  };\n\n  /**\n   * minimum  data value point in y-axis\n   */\n  yMinValue?: number;\n\n  /**\n   * maximum data value point in y-axis\n   */\n  yMaxValue?: number;\n\n  /**\n   * maximum data value point in x-axis\n   */\n  xMaxValue?: number;\n\n  /**\n   * Number of ticks on the y-axis.\n   * Tick count should be factor of difference between (yMinValue, yMaxValue)?\n   * @default 4\n   */\n  yAxisTickCount?: number;\n\n  /**\n   * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.\n   * Does not work for string axis.\n   * @default 6\n   */\n  xAxisTickCount?: number;\n\n  /**\n   * define the size of the tick lines on the x-axis\n   * @default 10\n   */\n  xAxistickSize?: number;\n\n  /**\n   * defines the space between the tick line and the data label\n   * @default 10\n   */\n  tickPadding?: number;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   *@default false\n   *Used for to elipse x axis labes and show tooltip on x axis labels\n   */\n  showXAxisLablesTooltip?: boolean;\n\n  /**\n   * @default 4\n   * Used for X axis labels\n   * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.\n   */\n  noOfCharsToTruncate?: number;\n\n  /**\n   * @default false\n   * Used to wrap x axis labels values (whole value)\n   */\n  wrapXAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to rotate x axis labels by 45 degrees\n   */\n  rotateXAxisLables?: boolean;\n\n  /**\n   * The prop used to define the date time localization options\n   */\n  dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n  /**\n   * The prop used to define a custom locale for the date time format.\n   */\n  timeFormatLocale?: TimeLocaleDefinition;\n\n  /**\n   * The prop used to define a custom datetime formatter for date axis.\n   */\n  customDateTimeFormatter?: (dateTime: Date) => string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: CartesianChartStyles;\n\n  /**\n   * Callout customization props\n   */\n  calloutProps?: Partial<ChartPopoverProps>;\n\n  /**\n   * props for the svg; use this to include aria-* or other attributes on the tag\n   */\n  svgProps?: React.SVGProps<SVGSVGElement>;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @default True for LineChart but False for other charts\n   */\n  enableReflow?: boolean;\n\n  /**\n   * Props related to reflow behavior of the chart\n   */\n  reflowProps?: {\n    /**\n     * Determines the reflow behavior of the chart.\n     * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.\n     * @default 'none'\n     */\n    mode: 'none' | 'min-width';\n  };\n\n  /**\n   * Prop to set the x axis title\n   * @default undefined\n   * Minimum bottom margin required for x axis title is 55px\n   */\n\n  xAxisTitle?: string;\n\n  /**\n   * Prop to set the y axis title\n   * @default undefined\n   * Minimum left margin required for y axis title is 60px and for RTL is 40px\n   * Minimum right margin required for y axis title is 40px and for RTL is 60px\n   */\n  yAxisTitle?: string;\n\n  /**\n   * Prop to set the secondary y axis title\n   * @default undefined\n   * If RTL is enabled, minimum left and right margins required for secondary y axis title is 60px\n   */\n  secondaryYAxistitle?: string;\n\n  /**\n   * Whether to use UTC time for axis scale, ticks, and the time display in callouts.\n   * When set to `true`, time is displayed equally, regardless of the user's timezone settings.\n   * @default true\n   */\n  useUTC?: string | boolean;\n\n  /**\n   * @default false\n   * The prop used to decide rounded ticks on y axis\n   */\n  roundedTicks?: boolean;\n\n  /**\n   * Determines whether overlapping x-axis tick labels should be hidden.\n   * @default true\n   */\n  hideTickOverlap?: boolean;\n\n  /**\n   * Define a custom callout props override\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  calloutPropsPerDataPoint?: (dataPointCalloutProps: any) => ChartPopoverProps;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n}\n\nexport interface YValueHover {\n  legend?: string;\n  y?: number;\n  color?: string;\n  data?: string | number;\n  shouldDrawBorderBottom?: boolean;\n  yAxisCalloutData?: string | { [id: string]: number };\n  index?: number;\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\nexport interface ChildProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: any;\n  containerHeight?: number;\n  containerWidth?: number;\n  optimizeLargeData?: boolean;\n}\n\n// Only used for Cartesian chart base\nexport interface ModifiedCartesianChartProps extends CartesianChartProps {\n  /**\n   * Define the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Only used for Area chart\n   * Value used to draw y axis of that chart.\n   */\n  maxOfYVal?: number;\n\n  /**\n   * Data of the chart\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  points: any;\n\n  /**\n   * Define type of the chart\n   */\n  chartType: ChartTypes;\n\n  /** X axis type */\n  xAxisType: XAxisTypes;\n\n  /** Y axis type */\n  yAxisType?: YAxisType;\n\n  /**\n   * Legends of the chart.\n   */\n  legendBars: JSX.Element | null;\n\n  /**\n   * Callout props\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Callback method used for to get margins to the chart.\n   */\n  getmargins?: (margins: Margins) => void;\n\n  /**\n   * This is a call back method to the chart from cartesian chart.\n   * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.\n   * It also contians an optional param xAxisElement - defines as x axis scale element.\n   * This param used to enable feature word wrap of Xaxis.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getGraphData?: any;\n\n  /**\n   * Used for bar chart graphs.\n   * To define width of the bar\n   */\n  barwidth?: number;\n\n  /**\n   * Used for tick styles of the x axis of the chart\n   * Tick params are applicable for date axis only.\n   */\n  tickParams?: {\n    tickValues?: number[] | Date[] | string[];\n    tickFormat?: string;\n  };\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   * Children elements specific to derived chart types.\n   */\n  children(props: ChildProps): React.ReactNode;\n\n  /**\n   * To enable callout for individual bar or complete stack. Using for only Vertical stacked bar chart.\n   * @default false\n   * @type \\{boolean \\}\n   */\n  isCalloutForStack?: boolean;\n\n  /** dataset values to find out domain of the String axis\n   * Present using for only vertical stacked bar chart and grouped vertical bar chart\n   */\n  datasetForXAxisDomain?: string[];\n\n  /** Own callout design */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customizedCallout?: any;\n\n  /**\n   * if the data points for the y-axis is of type string, then we need to give this\n   * prop to construct the y-axis\n   */\n  stringDatasetForYAxisDomain?: string[];\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getAxisData?: any;\n\n  /**\n   * Callback method used when mouse leaves the chart boundary.\n   */\n  onChartMouseLeave?: () => void;\n\n  /** Callback method to get extra margins for domain */\n  getDomainMargins?: (containerWidth: number) => Margins;\n\n  /** Callback method to get extra margins for Y-axis domain */\n  getYDomainMargins?: (containerHeight: number) => Margins;\n\n  /** Padding between each bar/line-point */\n  xAxisInnerPadding?: number;\n\n  /** Padding before first bar/line-point and after last bar/line-point */\n  xAxisOuterPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to control the first render cycle Performance optimization code.\n   */\n  enableFirstRenderOptimization?: boolean;\n\n  /**\n   * Get the min and max values of the y-axis\n   */\n  getMinMaxOfYAxis?: (\n    points: DataPoint[],\n    yAxisType: YAxisType | undefined,\n    useSecondaryYScale?: boolean,\n  ) => { startValue: number; endValue: number };\n\n  /**Add commentMore actions\n   * Get the domain and range values\n   */\n  getDomainNRangeValues?: (\n    points: HorizontalBarChartWithAxisDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | string[] | undefined,\n    shiftX: number,\n  ) => IDomainNRange;\n}\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["CartesianChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { LegendsProps } from '../Legends/index';\nimport { AccessibilityProps, Chart, Margins, DataPoint, HorizontalBarChartWithAxisDataPoint } from '../../types/index';\nimport { ChartTypes, XAxisTypes, YAxisType, IDomainNRange } from '../../utilities/index';\nimport { TimeLocaleDefinition } from 'd3-time-format';\nimport { ChartPopoverProps } from './ChartPopover.types';\n/**\n * Cartesian Chart style properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyleProps {\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Width of the chart.\n   */\n  width?: number;\n\n  /**\n   * Height of the chart.\n   */\n  height?: number;\n\n  /**\n   * Color of the chart.\n   */\n  color?: string;\n\n  /**\n   * Link to redirect if click action for graph\n   */\n  href?: string;\n\n  /**\n   * prop to check if the chart is selected or hovered upon to determine opacity\n   */\n  shouldHighlight?: boolean;\n\n  /**\n   * prop to check if the Page is in Rtl\n   */\n  useRtl?: boolean;\n\n  /**\n   * color of the line\n   */\n  lineColor?: string;\n\n  /**\n   * boolean flag which determines if shape is drawn in callout\n   */\n  toDrawShape?: boolean;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: boolean;\n}\n\n/**\n * Cartesian Chart styles\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartStyles {\n  /**\n   *  Style for the root element.\n   */\n  root?: string;\n\n  /**\n   * Style for the element containing the x-axis.\n   */\n  xAxis?: string;\n\n  /**\n   * Style for the element containing the y-axis.\n   */\n  yAxis?: string;\n\n  /**\n   * Style for legend container\n   */\n  legendContainer?: string;\n\n  /**\n   * line hover box css\n   */\n  hover?: string;\n\n  /**\n   * styles for description message\n   */\n  descriptionMessage?: string;\n\n  /**\n   * styles for tooltip\n   */\n  tooltip?: string;\n\n  /**\n   * styles for tooltip\n   */\n  axisTitle?: string;\n\n  /**\n   * Style for the chart Title.\n   */\n  chartTitle?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover?: string;\n\n  /**\n   * styles for the shape object in the callout\n   */\n  shapeStyles?: string;\n\n  /**\n   * Styles for the chart wrapper div\n   */\n  chartWrapper?: string;\n\n  /**\n   * Styles for the svg tooltip\n   */\n  svgTooltip?: string;\n\n  /**\n   * Styles for the chart svg element\n   */\n  chart?: string;\n}\n\n/**\n * Cartesian Chart properties\n * {@docCategory CartesianChart}\n */\nexport interface CartesianChartProps {\n  /**\n   * Below height used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  height?: number;\n\n  /**\n   * Below width used for resizing of the chart\n   * Wrap chart in your container and send the updated height and width to these props.\n   * These values decide wheather chart re render or not. Please check examples for reference\n   */\n  width?: number;\n\n  /**\n   * this prop takes its parent as a HTML element to define the width and height of the chart\n   */\n  parentRef?: HTMLElement | null;\n\n  /**\n   * Additional CSS class(es) to apply to the Chart.\n   */\n  className?: string;\n\n  /**\n   * Margins for the chart\n   * @default `{ top: 20, bottom: 35, left: 40, right: 20 }`\n   * To avoid edge cuttings to the chart, we recommend you use default values or greater then default values\n   */\n  margins?: Margins;\n\n  /** decides wether to show/hide legends\n   * @defaultvalue false\n   */\n  hideLegend?: boolean;\n\n  /**\n   * Do not show tooltips in chart\n   * @default false\n   */\n  hideTooltip?: boolean;\n\n  /**\n   * this prop takes values that you want the chart to render on x-axis\n   * This is a optional parameter if not specified D3 will decide which values appear on the x-axis for you\n   * Please look at https://github.com/d3/d3-scale for more information on how D3 decides what data to appear on the axis of chart\n   */\n  tickValues?: number[] | Date[] | string[] | undefined;\n\n  /**\n   * the format for the data on x-axis. For date object this can be specified to your requirement. Eg: '%m/%d', '%d'\n   * Please look at https://github.com/d3/d3-time-format for all the formats supported for date axis\n   * Only applicable for date axis. For y-axis format use yAxisTickFormat prop.\n   */\n  tickFormat?: string;\n\n  /**\n   * Width of line stroke\n   */\n  strokeWidth?: number;\n\n  /**\n   * x Axis labels tick padding. This defines the gap between tick labels and tick lines.\n   * @default 10\n   */\n  xAxisTickPadding?: number;\n\n  /**\n   * the format in for the data on y-axis. For data object this can be specified to your requirement.\n   *  Eg: d3.format(\".0%\")(0.123),d3.format(\"+20\")(42);\n   * Please look at https://github.com/d3/d3-format for all the formats supported\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yAxisTickFormat?: any;\n\n  /**\n   * Secondary y-scale options\n   * By default this is not defined, meaning there will be no secondary y-scale.\n   */\n  secondaryYScaleOptions?: {\n    /** Minimum value (0 by default) */\n    yMinValue?: number;\n    /** Maximum value (100 by default) */\n    yMaxValue?: number;\n  };\n\n  /**\n   * minimum  data value point in y-axis\n   */\n  yMinValue?: number;\n\n  /**\n   * maximum data value point in y-axis\n   */\n  yMaxValue?: number;\n\n  /**\n   * maximum data value point in x-axis\n   */\n  xMaxValue?: number;\n\n  /**\n   * Number of ticks on the y-axis.\n   * Tick count should be factor of difference between (yMinValue, yMaxValue)?\n   * @default 4\n   */\n  yAxisTickCount?: number;\n\n  /**\n   * defines the number of ticks on the x-axis. Tries to match the nearest interval satisfying the count.\n   * Does not work for string axis.\n   * @default 6\n   */\n  xAxisTickCount?: number;\n\n  /**\n   * define the size of the tick lines on the x-axis\n   * @default 10\n   */\n  xAxistickSize?: number;\n\n  /**\n   * defines the space between the tick line and the data label\n   * @default 10\n   */\n  tickPadding?: number;\n\n  /**\n   * Url that the data-viz needs to redirect to upon clicking on it\n   */\n  href?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  legendsOverflowText?: any;\n\n  /**\n   * Enable the legends to wrap lines if there is not enough space to show all legends on a single line\n   */\n  enabledLegendsWrapLines?: boolean;\n\n  /*\n   * props for the legends in the chart\n   */\n  legendProps?: Partial<LegendsProps>;\n\n  /**\n   *@default false\n   *Used for to elipse x axis labes and show tooltip on x axis labels\n   */\n  showXAxisLablesTooltip?: boolean;\n\n  /**\n   * @default 4\n   * Used for X axis labels\n   * While Giving showXAxisLablesTooltip prop, need to define after how many chars, we need to truncate the word.\n   */\n  noOfCharsToTruncate?: number;\n\n  /**\n   * @default false\n   * Used to wrap x axis labels values (whole value)\n   */\n  wrapXAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to rotate x axis labels by 45 degrees\n   */\n  rotateXAxisLables?: boolean;\n\n  /**\n   * The prop used to define the date time localization options\n   */\n  dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n  /**\n   * The prop used to define a custom locale for the date time format.\n   */\n  timeFormatLocale?: TimeLocaleDefinition;\n\n  /**\n   * The prop used to define a custom datetime formatter for date axis.\n   */\n  customDateTimeFormatter?: (dateTime: Date) => string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: CartesianChartStyles;\n\n  /**\n   * Callout customization props\n   */\n  calloutProps?: Partial<ChartPopoverProps>;\n\n  /**\n   * props for the svg; use this to include aria-* or other attributes on the tag\n   */\n  svgProps?: React.SVGProps<SVGSVGElement>;\n\n  /**\n   * Prop to disable shrinking of the chart beyond a certain limit and enable scrolling when the chart overflows\n   * @deprecated Use `reflowProps` instead.\n   */\n  enableReflow?: boolean;\n\n  /**\n   * Props related to reflow behavior of the chart\n   */\n  reflowProps?: {\n    /**\n     * Determines the reflow behavior of the chart.\n     * When set to `'min-width'`, the chart will not shrink below a certain width and will enable scrolling if it overflows.\n     * @default 'none'\n     */\n    mode: 'none' | 'min-width';\n  };\n\n  /**\n   * Prop to set the x axis title\n   * @default undefined\n   * Minimum bottom margin required for x axis title is 55px\n   */\n\n  xAxisTitle?: string;\n\n  /**\n   * Prop to set the y axis title\n   * @default undefined\n   * Minimum left margin required for y axis title is 60px and for RTL is 40px\n   * Minimum right margin required for y axis title is 40px and for RTL is 60px\n   */\n  yAxisTitle?: string;\n\n  /**\n   * Prop to set the secondary y axis title\n   * @default undefined\n   * If RTL is enabled, minimum left and right margins required for secondary y axis title is 60px\n   */\n  secondaryYAxistitle?: string;\n\n  /**\n   * Whether to use UTC time for axis scale, ticks, and the time display in callouts.\n   * When set to `true`, time is displayed equally, regardless of the user's timezone settings.\n   * @default true\n   */\n  useUTC?: string | boolean;\n\n  /**\n   * @default false\n   * The prop used to decide rounded ticks on y axis\n   */\n  roundedTicks?: boolean;\n\n  /**\n   * Determines whether overlapping x-axis tick labels should be hidden.\n   * @default true\n   */\n  hideTickOverlap?: boolean;\n\n  /**\n   * Define a custom callout props override\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  calloutPropsPerDataPoint?: (dataPointCalloutProps: any) => ChartPopoverProps;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<Chart>;\n}\n\nexport interface YValueHover {\n  legend?: string;\n  y?: number;\n  color?: string;\n  data?: string | number;\n  shouldDrawBorderBottom?: boolean;\n  yAxisCalloutData?: string | { [id: string]: number };\n  index?: number;\n  callOutAccessibilityData?: AccessibilityProps;\n}\n\nexport interface ChildProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: any;\n  containerHeight?: number;\n  containerWidth?: number;\n  optimizeLargeData?: boolean;\n}\n\n// Only used for Cartesian chart base\nexport interface ModifiedCartesianChartProps extends CartesianChartProps {\n  /**\n   * Define the chart title\n   */\n  chartTitle?: string;\n\n  /**\n   * Only used for Area chart\n   * Value used to draw y axis of that chart.\n   */\n  maxOfYVal?: number;\n\n  /**\n   * Data of the chart\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  points: any;\n\n  /**\n   * Define type of the chart\n   */\n  chartType: ChartTypes;\n\n  /** X axis type */\n  xAxisType: XAxisTypes;\n\n  /** Y axis type */\n  yAxisType?: YAxisType;\n\n  /**\n   * Legends of the chart.\n   */\n  legendBars: JSX.Element | null;\n\n  /**\n   * Callout props\n   */\n  calloutProps?: ChartPopoverProps;\n\n  /**\n   * Callback method used for to get margins to the chart.\n   */\n  getmargins?: (margins: Margins) => void;\n\n  /**\n   * This is a call back method to the chart from cartesian chart.\n   * params are xScale, yScale, containerHeight, containerWidth. These values were used to draw the graph.\n   * It also contians an optional param xAxisElement - defines as x axis scale element.\n   * This param used to enable feature word wrap of Xaxis.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getGraphData?: any;\n\n  /**\n   * Used for bar chart graphs.\n   * To define width of the bar\n   */\n  barwidth?: number;\n\n  /**\n   * Used for tick styles of the x axis of the chart\n   * Tick params are applicable for date axis only.\n   */\n  tickParams?: {\n    tickValues?: number[] | Date[] | string[];\n    tickFormat?: string;\n  };\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  xAxisPadding?: number;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   * Children elements specific to derived chart types.\n   */\n  children(props: ChildProps): React.ReactNode;\n\n  /**\n   * To enable callout for individual bar or complete stack. Using for only Vertical stacked bar chart.\n   * @default false\n   * @type \\{boolean \\}\n   */\n  isCalloutForStack?: boolean;\n\n  /** dataset values to find out domain of the String axis\n   * Present using for only vertical stacked bar chart and grouped vertical bar chart\n   */\n  datasetForXAxisDomain?: string[];\n\n  /** Own callout design */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customizedCallout?: any;\n\n  /**\n   * if the data points for the y-axis is of type string, then we need to give this\n   * prop to construct the y-axis\n   */\n  stringDatasetForYAxisDomain?: string[];\n\n  /**\n   * The prop used to define the culture to localize the numbers and date\n   */\n  culture?: string;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getAxisData?: any;\n\n  /**\n   * Callback method used when mouse leaves the chart boundary.\n   */\n  onChartMouseLeave?: () => void;\n\n  /** Callback method to get extra margins for domain */\n  getDomainMargins?: (containerWidth: number) => Margins;\n\n  /** Callback method to get extra margins for Y-axis domain */\n  getYDomainMargins?: (containerHeight: number) => Margins;\n\n  /** Padding between each bar/line-point */\n  xAxisInnerPadding?: number;\n\n  /** Padding before first bar/line-point and after last bar/line-point */\n  xAxisOuterPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * Used to control the first render cycle Performance optimization code.\n   */\n  enableFirstRenderOptimization?: boolean;\n\n  /**\n   * Get the min and max values of the y-axis\n   */\n  getMinMaxOfYAxis?: (\n    points: DataPoint[],\n    yAxisType: YAxisType | undefined,\n    useSecondaryYScale?: boolean,\n  ) => { startValue: number; endValue: number };\n\n  /**Add commentMore actions\n   * Get the domain and range values\n   */\n  getDomainNRangeValues?: (\n    points: HorizontalBarChartWithAxisDataPoint[],\n    margins: Margins,\n    width: number,\n    chartType: ChartTypes,\n    isRTL: boolean,\n    xAxisType: XAxisTypes,\n    barWidth: number,\n    tickValues: Date[] | number[] | string[] | undefined,\n    shiftX: number,\n  ) => IDomainNRange;\n}\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/CommonComponents/ChartPopover.js

@@ -174,7 +174,7 @@ combining the logic for Callout and ChartHoverCard in v8 charts. */ export const
                     className: classes.calloutBlockContainer
                 }, /*#__PURE__*/ React.createElement("div", {
                     className: classes.calloutlegendText
-                }, " ", formatToLocaleString(subcountName, culture)), /*#__PURE__*/ React.createElement("div", {
+                }, ' ', formatToLocaleString(subcountName, culture)), /*#__PURE__*/ React.createElement("div", {
                     className: classes.calloutContentY,
                     style: {
                         color: props.color ? props.color : tokens.colorNeutralForeground1