@fluentui/react-charts 0.0.0-nightly-20250825-0406.1 → 0.0.0-nightly-20250826-0412.1

package/CHANGELOG.md

@@ -1,28 +1,28 @@
 # Change Log - @fluentui/react-charts
 
-This log was last generated on Mon, 25 Aug 2025 04:21:39 GMT and should not be manually modified.
+This log was last generated on Tue, 26 Aug 2025 04:27:15 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250825-0406.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20250825-0406.1)
+## [0.0.0-nightly-20250826-0412.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v0.0.0-nightly-20250826-0412.1)
 
-Mon, 25 Aug 2025 04:21:39 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.2.3..@fluentui/react-charts_v0.0.0-nightly-20250825-0406.1)
+Tue, 26 Aug 2025 04:27:15 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts_v9.2.3..@fluentui/react-charts_v0.0.0-nightly-20250826-0412.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-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-overflow to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-popover to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250825-0406.1 ([commit](https://github.com/microsoft/fluentui/commit/890ccc068f2ff4e2552350212d1b4b482b98694d) by beachball)
+- Bump @fluentui/react-button to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-overflow to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-popover to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-tooltip to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250826-0412.1 ([commit](https://github.com/microsoft/fluentui/commit/a34c2c37fb29673078a4ac9cbd880a2bd70c322e) by beachball)
 
 ## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts_v9.2.3)
 

package/dist/index.d.ts

@@ -2802,6 +2802,12 @@ export declare interface LineChartProps extends CartesianChartProps {
      * The prop used to enable the perf optimization
      */
     enablePerfOptimization?: boolean;
+    /**
+     * To enable callout for individual line or complete stack.
+     * @default true
+     * @type \{boolean \}
+     */
+    isCalloutForStack?: boolean;
 }
 
 /**

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

@@ -1,5 +1,5 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { __styles, mergeClasses } from '@griffel/react';
+import { getTooltipStyle } from '../../utilities/index';
 export const areaChartClassNames = {
   tooltip: 'fui-ac__tooltip',
   root: '',

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","chart","axisAnnotation","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    axisAnnotation: ''\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,EAAE;EACTC,cAAc,EAAE;AACpB,CAAC;AACD,MAAMC,SAAS,gBAAGrB,QAAA;EAAAM,OAAA;IAAAgB,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;IACHf,OAAO,EAAEL,YAAY,CAACI,mBAAmB,CAACC,OAAO,EAAEyC,UAAU,CAACzC,OAAO,CAAC,yBAA0B;EACpG,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["__styles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","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 } from '@griffel/react';\nimport { getTooltipStyle } from '../../utilities/index';\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    axisAnnotation: ''\n};\nconst useStyles = makeStyles({\n    tooltip: getTooltipStyle()\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,QAAQ,gBAAgB;AACzD,SAASC,eAAe,QAAQ,uBAAuB;AACvD,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,EAAE;EACTC,cAAc,EAAE;AACpB,CAAC;AACD,MAAMC,SAAS,gBAAGnB,QAAA;EAAAI,OAAA;IAAAgB,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,CAEjB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,kBAAkB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,UAAU,GAAG1B,SAAS,CAAC,CAAC;EAC9B,OAAO;IACHf,OAAO,EAAEH,YAAY,CAACE,mBAAmB,CAACC,OAAO,EAAEyC,UAAU,CAACzC,OAAO,CAAC,yBAA0B;EACpG,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import { makeStyles, mergeClasses, shorthands } from '@griffel/react';
-import { tokens, typographyStyles } from '@fluentui/react-theme';
+import { makeStyles, mergeClasses } from '@griffel/react';
+import { getTooltipStyle } from '../../utilities/index';
 export const areaChartClassNames = {
     tooltip: 'fui-ac__tooltip',
     root: '',
@@ -18,19 +18,7 @@ export const areaChartClassNames = {
     axisAnnotation: ''
 };
 const useStyles = makeStyles({
-    tooltip: {
-        ...typographyStyles.body1,
-        display: 'flex',
-        flexDirection: 'column',
-        ...shorthands.padding(tokens.spacingHorizontalS),
-        position: 'absolute',
-        textAlign: 'center',
-        top: tokens.spacingVerticalNone,
-        backgroundColor: tokens.colorNeutralBackground1,
-        borderRadius: tokens.borderRadiusSmall,
-        pointerEvents: 'none',
-        color: tokens.colorNeutralForeground1
-    }
+    tooltip: getTooltipStyle()
 });
 /**
  * Apply styling to the AreaChart slots based on the state

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AreaChart/useAreaChartStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { AreaChartProps, AreaChartStyles } from './index';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const areaChartClassNames: SlotClassNames<AreaChartStyles> = {\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  axisAnnotation: '',\n};\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/**\n * Apply styling to the AreaChart slots based on the state\n */\nexport const useAreaChartStyles = (props: AreaChartProps): AreaChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","useStyles","body1","display","flexDirection","padding","spacingHorizontalS","position","textAlign","top","spacingVerticalNone","backgroundColor","colorNeutralBackground1","borderRadius","borderRadiusSmall","pointerEvents","color","colorNeutralForeground1","useAreaChartStyles","props","baseStyles"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAQ,iBAAiB;AAGtE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AAEjE,OAAO,MAAMC,sBAAuD;IAClEC,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;AAClB,EAAE;AAEF,MAAMC,YAAYrB,WAAW;IAC3BM,SAAS;QACP,GAAGF,iBAAiBkB,KAAK;QACzBC,SAAS;QACTC,eAAe;QACf,GAAGtB,WAAWuB,OAAO,CAACtB,OAAOuB,kBAAkB,CAAC;QAChDC,UAAU;QACVC,WAAW;QACXC,KAAK1B,OAAO2B,mBAAmB;QAC/BC,iBAAiB5B,OAAO6B,uBAAuB;QAC/CC,cAAc9B,OAAO+B,iBAAiB;QACtCC,eAAe;QACfC,OAAOjC,OAAOkC,uBAAuB;IACvC;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,aAAanB;IAEnB,OAAO;QACLf,SAASL,aAAaI,oBAAoBC,OAAO,EAAEkC,WAAWlC,OAAO,CAAC,uBAAuB;IAC/F;AACF,EAAE"}
+{"version":3,"sources":["../src/components/AreaChart/useAreaChartStyles.styles.ts"],"sourcesContent":["import { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport { AreaChartProps, AreaChartStyles } from './index';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { getTooltipStyle } from '../../utilities/index';\n\nexport const areaChartClassNames: SlotClassNames<AreaChartStyles> = {\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  axisAnnotation: '',\n};\n\nconst useStyles = makeStyles({\n  tooltip: getTooltipStyle() as GriffelStyle,\n});\n\n/**\n * Apply styling to the AreaChart slots based on the state\n */\nexport const useAreaChartStyles = (props: AreaChartProps): AreaChartStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    tooltip: mergeClasses(areaChartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","getTooltipStyle","areaChartClassNames","tooltip","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","opacityChangeOnHover","shapeStyles","chartWrapper","svgTooltip","chart","axisAnnotation","useStyles","useAreaChartStyles","props","baseStyles"],"mappings":"AAAA,SAAuBA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAGxE,SAASC,eAAe,QAAQ,wBAAwB;AAExD,OAAO,MAAMC,sBAAuD;IAClEC,SAAS;IACTC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,sBAAsB;IACtBC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;IACPC,gBAAgB;AAClB,EAAE;AAEF,MAAMC,YAAYnB,WAAW;IAC3BI,SAASF;AACX;AAEA;;CAEC,GACD,OAAO,MAAMkB,qBAAqB,CAACC;IACjC,MAAMC,aAAaH;IAEnB,OAAO;QACLf,SAASH,aAAaE,oBAAoBC,OAAO,EAAEkB,WAAWlB,OAAO,CAAC,uBAAuB;IAC/F;AACF,EAAE"}

package/lib/components/CommonComponents/CartesianChart.js

@@ -343,6 +343,12 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
     };
     const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left - margins.right - startFromX;
     const yAxisTitleMaximumAllowedHeight = svgDimensions.height - margins.bottom - margins.top - _removalValueForTextTuncate - titleMargin;
+    const commonSvgToolTipProps = {
+        wrapContent,
+        showBackground: true,
+        className: classes.svgTooltip,
+        content: ''
+    };
     /**
    * When screen resizes, along with screen, chart also auto adjusted.
    * This method used to adjust height and width of the charts.
@@ -502,6 +508,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
         transform: `translate(0, ${svgDimensions.height - margins.bottom - _removalValueForTextTuncate})`,
         className: classes.xAxis
     }), props.xAxisTitle !== undefined && props.xAxisTitle !== '' && /*#__PURE__*/ React.createElement(SVGTooltipText, {
+        ...commonSvgToolTipProps,
         content: props.xAxisTitle,
         textProps: {
             x: margins.left + startFromX + xAxisTitleMaximumAllowedWidth / 2,
@@ -509,11 +516,9 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             className: classes.axisTitle,
             textAnchor: 'middle'
         },
-        maxWidth: xAxisTitleMaximumAllowedWidth,
-        wrapContent: wrapContent,
-        showBackground: true,
-        className: classes.svgTooltip
+        maxWidth: xAxisTitleMaximumAllowedWidth
     }), props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && /*#__PURE__*/ React.createElement(SVGTooltipText, {
+        ...commonSvgToolTipProps,
         content: props.xAxisAnnotation,
         textProps: {
             x: margins.left + startFromX + xAxisTitleMaximumAllowedWidth / 2,
@@ -522,10 +527,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             textAnchor: 'middle',
             'aria-hidden': true
         },
-        maxWidth: xAxisTitleMaximumAllowedWidth,
-        wrapContent: wrapContent,
-        showBackground: true,
-        className: classes.svgTooltip
+        maxWidth: xAxisTitleMaximumAllowedWidth
     }), /*#__PURE__*/ React.createElement("g", {
         ref: (e)=>{
             yAxisElement.current = e;
@@ -541,6 +543,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
         transform: `translate(${_useRtl ? margins.left + startFromX : svgDimensions.width - margins.right - startFromX}, 0)`,
         className: classes.yAxis
     }), props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && /*#__PURE__*/ React.createElement(SVGTooltipText, {
+        ...commonSvgToolTipProps,
         content: props.secondaryYAxistitle,
         textProps: {
             x: (yAxisTitleMaximumAllowedHeight - margins.bottom) / 2 + _removalValueForTextTuncate,
@@ -550,11 +553,9 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
                  ${svgDimensions.height - margins.bottom - margins.top - titleMargin})rotate(-90)`,
             className: classes.axisTitle
         },
-        maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: wrapContent,
-        showBackground: true,
-        className: classes.svgTooltip
+        maxWidth: yAxisTitleMaximumAllowedHeight
     })), children, props.yAxisTitle !== undefined && props.yAxisTitle !== '' && /*#__PURE__*/ React.createElement(SVGTooltipText, {
+        ...commonSvgToolTipProps,
         content: props.yAxisTitle,
         textProps: {
             x: (yAxisTitleMaximumAllowedHeight - margins.bottom) / 2 + _removalValueForTextTuncate,
@@ -564,11 +565,9 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
                  ${svgDimensions.height - margins.bottom - margins.top - titleMargin})rotate(-90)`,
             className: classes.axisTitle
         },
-        maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: wrapContent,
-        showBackground: true,
-        className: classes.svgTooltip
+        maxWidth: yAxisTitleMaximumAllowedHeight
     }), props.yAxisAnnotation !== undefined && props.yAxisAnnotation !== '' && (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && /*#__PURE__*/ React.createElement(SVGTooltipText, {
+        ...commonSvgToolTipProps,
         content: props.yAxisAnnotation,
         textProps: {
             x: (yAxisTitleMaximumAllowedHeight - margins.bottom) / 2 + _removalValueForTextTuncate,
@@ -579,10 +578,7 @@ import { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabs
             className: classes.axisAnnotation,
             'aria-hidden': true
         },
-        maxWidth: yAxisTitleMaximumAllowedHeight,
-        wrapContent: wrapContent,
-        showBackground: true,
-        className: classes.svgTooltip
+        maxWidth: yAxisTitleMaximumAllowedHeight
     }))), !props.hideLegend && /*#__PURE__*/ React.createElement("div", {
         ref: (e)=>legendContainer = e,
         className: classes.legendContainer

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText } 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  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps | null>(null);\n\n  const chartTypesWithStringYAxis = [\n    ChartTypes.HorizontalBarChartWithAxis,\n    ChartTypes.HeatMapChart,\n    ChartTypes.VerticalStackedBarChart,\n    ChartTypes.GanttChart,\n  ];\n  /**\n   * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n   * So that, in RTL, left margins becomes right margins and viceversa.\n   * As graph needs to be drawn perfecty, these values consider as default values.\n   * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n   */\n  // eslint-disable-next-line prefer-const\n  margins = {\n    top: props.margins?.top ?? 20,\n    bottom: props.margins?.bottom ?? 35,\n    right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n    left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n  };\n  const TITLE_MARGIN_HORIZONTAL = 24;\n  const TITLE_MARGIN_VERTICAL = 20;\n  if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n    margins.bottom! = props.margins?.bottom ?? margins.bottom! + TITLE_MARGIN_VERTICAL;\n  }\n  if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n    margins.left! = _useRtl\n      ? props.margins?.right ?? props?.secondaryYAxistitle\n        ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n        : margins.right! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL;\n    margins.right! = _useRtl\n      ? props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.right ?? props?.secondaryYAxistitle\n      ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n      : margins.right! + TITLE_MARGIN_HORIZONTAL;\n  }\n  if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n    margins.top! = props.margins?.top ?? margins.top! + TITLE_MARGIN_VERTICAL;\n  }\n  if (\n    props.yAxisAnnotation !== undefined &&\n    props.yAxisAnnotation !== '' &&\n    (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n  ) {\n    if (_useRtl) {\n      margins.left! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    } else {\n      margins.right! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    }\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 (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(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 (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(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.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      props.stringDatasetForYAxisDomain!.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n  const margin = { ...margins };\n  // Note: This check is unnecessary since startFromX is only set for charts with string y-axis.\n  if (chartTypesWithStringYAxis.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: JSXElement | 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        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      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : props.hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(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          props.chartType,\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    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n    };\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 = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n      );\n    }\n\n    if (chartTypesWithStringYAxis.includes(props.chartType) && props.yAxisType === YAxisType.StringAxis) {\n      // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n      // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n      // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n      if (!props.showYAxisLablesTooltip) {\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at y axis labels.\n      if (props.showYAxisLablesTooltip) {\n        // To create y axis tick values by if specified truncating the rest of the text\n        // and showing elipsis or showing the whole string,\n        yScalePrimary &&\n          // Note: This function should be invoked within the showYAxisLablesTooltip check,\n          // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n          createYAxisLabels(\n            yAxisElement.current!,\n            yScalePrimary,\n            props.noOfCharsToTruncate || 4,\n            props.showYAxisLablesTooltip || false,\n            _useRtl,\n          );\n        const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n        const ytooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: _yAxisElement,\n        };\n        _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n      }\n    }\n\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    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  /**\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          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              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          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: titleMargin + 3,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\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          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                content={props.yAxisAnnotation}\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.axisAnnotation!,\n                  'aria-hidden': true,\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","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","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","_removalValueForTextTuncate","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesWithStringYAxis","HorizontalBarChartWithAxis","HeatMapChart","VerticalStackedBarChart","GanttChart","top","bottom","right","left","secondaryYScaleOptions","TITLE_MARGIN_HORIZONTAL","TITLE_MARGIN_VERTICAL","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","yAxisType","StringAxis","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","points","some","point","y","cancelAnimationFrame","height","width","useImperativeHandle","componentRef","current","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","stringDatasetForYAxisDomain","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xScale","NumericAxis","tickParams","DateAxis","useUTC","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yScalePrimary","yScaleSecondary","axisData","yAxisDomainValues","createStringYAxis","YAxisParamsSecondary","createYAxis","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","minChartWidth","length","GroupedVerticalBarChart","VerticalBarChart","minDomainMargin","x","wrapXAxisLables","longestLabelWidth","xAxis","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","content","textProps","axisTitle","textAnchor","maxWidth","showBackground","svgTooltip","axisAnnotation","legendBars","Suspense","fallback","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { 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  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps | null>(null);\n\n  const chartTypesWithStringYAxis = [\n    ChartTypes.HorizontalBarChartWithAxis,\n    ChartTypes.HeatMapChart,\n    ChartTypes.VerticalStackedBarChart,\n    ChartTypes.GanttChart,\n  ];\n  /**\n   * In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n   * So that, in RTL, left margins becomes right margins and viceversa.\n   * As graph needs to be drawn perfecty, these values consider as default values.\n   * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n   */\n  // eslint-disable-next-line prefer-const\n  margins = {\n    top: props.margins?.top ?? 20,\n    bottom: props.margins?.bottom ?? 35,\n    right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n    left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n  };\n  const TITLE_MARGIN_HORIZONTAL = 24;\n  const TITLE_MARGIN_VERTICAL = 20;\n  if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n    margins.bottom! = props.margins?.bottom ?? margins.bottom! + TITLE_MARGIN_VERTICAL;\n  }\n  if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n    margins.left! = _useRtl\n      ? props.margins?.right ?? props?.secondaryYAxistitle\n        ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n        : margins.right! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL;\n    margins.right! = _useRtl\n      ? props.margins?.left ?? margins.left! + TITLE_MARGIN_HORIZONTAL\n      : props.margins?.right ?? props?.secondaryYAxistitle\n      ? margins.right! + 2 * TITLE_MARGIN_HORIZONTAL\n      : margins.right! + TITLE_MARGIN_HORIZONTAL;\n  }\n  if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n    margins.top! = props.margins?.top ?? margins.top! + TITLE_MARGIN_VERTICAL;\n  }\n  if (\n    props.yAxisAnnotation !== undefined &&\n    props.yAxisAnnotation !== '' &&\n    (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n  ) {\n    if (_useRtl) {\n      margins.left! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    } else {\n      margins.right! = props.margins?.right ?? margins.right! + TITLE_MARGIN_HORIZONTAL;\n    }\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 (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(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 (\n      chartTypesWithStringYAxis.includes(props.chartType) &&\n      props.showYAxisLables &&\n      yAxisElement &&\n      props.yAxisType === YAxisType.StringAxis\n    ) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(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.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      props.stringDatasetForYAxisDomain!.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n  const margin = { ...margins };\n  // Note: This check is unnecessary since startFromX is only set for charts with string y-axis.\n  if (chartTypesWithStringYAxis.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: JSXElement | 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        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      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables ? false : props.hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: (string | number)[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues } = createNumericXAxis(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          props.chartType,\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    _transformXAxisLabels();\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n    };\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 = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n      );\n    }\n\n    if (chartTypesWithStringYAxis.includes(props.chartType) && props.yAxisType === YAxisType.StringAxis) {\n      // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n      // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n      // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n      if (!props.showYAxisLablesTooltip) {\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      // Used to display tooltip at y axis labels.\n      if (props.showYAxisLablesTooltip) {\n        // To create y axis tick values by if specified truncating the rest of the text\n        // and showing elipsis or showing the whole string,\n        yScalePrimary &&\n          // Note: This function should be invoked within the showYAxisLablesTooltip check,\n          // as its sole purpose is to truncate labels that exceed the noOfCharsToTruncate limit.\n          createYAxisLabels(\n            yAxisElement.current!,\n            yScalePrimary,\n            props.noOfCharsToTruncate || 4,\n            props.showYAxisLablesTooltip || false,\n            _useRtl,\n          );\n        const _yAxisElement = d3Select(yAxisElement.current!).call(yScalePrimary);\n        try {\n          document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n        const ytooltipProps = {\n          tooltipCls: classes.tooltip!,\n          id: _tooltipId,\n          axis: _yAxisElement,\n        };\n        _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n      }\n    }\n\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  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickValues) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickValues = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  /**\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          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: svgDimensions.height - titleMargin,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaximumAllowedWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisAnnotation}\n              textProps={{\n                x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n                y: titleMargin + 3,\n                className: classes.axisAnnotation!,\n                textAnchor: 'middle',\n                'aria-hidden': true,\n              }}\n              maxWidth={xAxisTitleMaximumAllowedWidth}\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                  {...commonSvgToolTipProps}\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                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\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            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: (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.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaximumAllowedHeight}\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","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","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","_removalValueForTextTuncate","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesWithStringYAxis","HorizontalBarChartWithAxis","HeatMapChart","VerticalStackedBarChart","GanttChart","top","bottom","right","left","secondaryYScaleOptions","TITLE_MARGIN_HORIZONTAL","TITLE_MARGIN_VERTICAL","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","xAxisAnnotation","yAxisAnnotation","classes","focusAttributes","arrowAttributes","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","yAxisType","StringAxis","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","points","some","point","y","cancelAnimationFrame","height","width","useImperativeHandle","componentRef","current","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","stringDatasetForYAxisDomain","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","rotateXAxisLables","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xScale","NumericAxis","tickParams","DateAxis","useUTC","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yScalePrimary","yScaleSecondary","axisData","yAxisDomainValues","createStringYAxis","YAxisParamsSecondary","createYAxis","roundedTicks","document","getElementById","remove","e","_yAxisElement","call","ytooltipProps","tooltipCls","tooltip","id","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","length","GroupedVerticalBarChart","VerticalBarChart","minDomainMargin","x","wrapXAxisLables","longestLabelWidth","xAxis","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","chart","g","transform","textProps","axisTitle","textAnchor","maxWidth","axisAnnotation","legendBars","Suspense","fallback","displayName","defaultProps"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
-import { __styles, mergeClasses, shorthands } from '@griffel/react';
+import { __styles, mergeClasses } from '@griffel/react';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 import { HighContrastSelector, useRtl } from '../../utilities/utilities';
+import { getAxisTitleStyle, getTooltipStyle } from '../../utilities/index';
 /**
  * @internal
  */
@@ -54,6 +55,17 @@ const useStyles = /*#__PURE__*/__styles({
     Bkfmm31: "fhuob2q",
     a6j6cd: "folz2wl"
   },
+  axisAnnotation: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "f13mqy1h",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "fcpl73t",
+    B80ckks: "fmd4ok8",
+    fsow6f: "f17mccla",
+    sj55zd: "fkfq4zb",
+    Bkfmm31: "fhuob2q",
+    a6j6cd: "folz2wl"
+  },
   xAxis: {
     Bifops1: "fk6onyz",
     lr70ht: "f17odlr9",
@@ -115,18 +127,8 @@ const useStyles = /*#__PURE__*/__styles({
     Btl43ni: 0,
     B7oj6ja: 0,
     Dimara: "fq9zq91",
-    Bkecrkj: "f1aehjj5"
-  },
-  axisAnnotation: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "f13mqy1h",
-    Bhrd7zp: "fl43uef",
-    Bg96gwp: "fcpl73t",
-    fsow6f: "f17mccla",
-    B80ckks: "fmd4ok8",
-    sj55zd: "fkfq4zb",
-    Bkfmm31: "fhuob2q",
-    a6j6cd: "folz2wl"
+    Bkecrkj: "f1aehjj5",
+    sj55zd: "f19n0e5"
   }
 }, {
   d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f22iagw{display:flex;}", ".fly5x3f{width:100%;}", ".f1l02sjl{height:100%;}", ".f1vx9l62{flex-direction:column;}", [".f1a3p1vp{overflow:hidden;}", {
@@ -135,7 +137,7 @@ const useStyles = /*#__PURE__*/__styles({
     p: -1
   }], ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fmd4ok8{font-style:normal;}", ".f17mccla{text-align:center;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".fhuob2q{fill:var(--colorNeutralForeground1);}", ".fk6onyz text{fill:var(--colorNeutralForeground1);}", ".f17odlr9 text{font-family:var(--fontFamilyBase);}", ".f1wvrikb text{font-size:var(--fontSizeBase100);}", ".fidmvdy text{font-weight:var(--fontWeightSemibold);}", ".f1noc3f3 text{line-height:var(--lineHeightBase100);}", ".f44ebzg text{forced-color-adjust:auto;}", ".fkuun line{opacity:0.2;}", ".f1u7a78k line{stroke:var(--colorNeutralForeground1);}", ".f1myyn02 line{width:1px;}", ".f1oca6e6 line{forced-color-adjust:auto;}", ".f1x8lysa path{display:none;}", ".f1j2g1si g{text-anchor:end;}", ".f9das1l{opacity:0.1;}", ".f158kwzp{cursor:default;}", ".frnwi6n{margin-top:var(--spacingVerticalS);}", ".ff3wqvv{margin-left:var(--spacingHorizontalXL);}", ".f1l2akhw{margin-right:var(--spacingHorizontalXL);}", ".f5q6cfr{fill:var(--colorNeutralBackground1);}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".f1euv43f{position:absolute;}", ".fr6rvge{top:var(--spacingVerticalNone);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", [".fq9zq91{border-radius:var(--borderRadiusSmall);}", {
     p: -1
-  }], ".f1aehjj5{pointer-events:none;}"],
+  }], ".f1aehjj5{pointer-events:none;}", ".f19n0e5{color:var(--colorNeutralForeground1);}"],
   m: [["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.folz2wl{fill:CanvasText;}}", {
     m: "screen and (-ms-high-contrast: active), screen and (forced-colors: active)"
   }], ["@media screen and (-ms-high-contrast: active),screen and (forced-colors: active){.f14egcv9{fill:Canvas;}}", {
@@ -143,6 +145,7 @@ const useStyles = /*#__PURE__*/__styles({
   }]]
 });
 /**
+ *
  * Apply styling to the Carousel slots based on the state
  */
 export const useCartesianChartStyles = props => {