@fluentui/react-charts 9.3.17 → 9.3.18

package/lib/components/ChartTable/ChartTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChartTable/ChartTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChartTableProps } from './ChartTable.types';\nimport { useChartTableStyles } from './useChartTableStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nimport * as d3 from 'd3-color';\nimport { getColorContrast } from '../../utilities/colors';\nimport { resolveCSSVariables } from '../../utilities/utilities';\nimport { ChartTitle } from '../../utilities/index';\nimport { useImageExport } from '../../utilities/hooks';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nfunction invertHexColor(hex: string): string {\n  const color = d3.color(hex);\n  if (!color) {\n    return tokens.colorNeutralForeground1!;\n  }\n  const rgb = color.rgb();\n  return d3.rgb(255 - rgb.r, 255 - rgb.g, 255 - rgb.b).formatHex();\n}\n\nfunction getSafeBackgroundColor(chartContainer: HTMLElement, foreground?: string, background?: string): string {\n  const fallbackFg = tokens.colorNeutralForeground1;\n  const fallbackBg = tokens.colorNeutralBackground1;\n  if (!chartContainer) {\n    return fallbackBg;\n  }\n\n  const resolvedFg = resolveCSSVariables(chartContainer, foreground || fallbackFg);\n  const resolvedBg = resolveCSSVariables(chartContainer, background || fallbackBg);\n\n  const fg = d3.color(resolvedFg);\n  const bg = d3.color(resolvedBg);\n\n  if (!fg || !bg) {\n    return resolvedBg;\n  }\n  const contrast = getColorContrast(fg.formatHex(), bg.formatHex());\n  if (contrast >= 3) {\n    return bg.formatHex();\n  }\n\n  const invertedBg = invertHexColor(bg.formatHex());\n  const invertedContrast = getColorContrast(fg.formatHex(), invertedBg);\n  return invertedContrast >= 3 ? invertedBg : fallbackBg;\n}\n\nexport const ChartTable: React.FunctionComponent<ChartTableProps> = React.forwardRef<HTMLDivElement, ChartTableProps>(\n  (props, forwardedRef) => {\n    const { headers, rows, width, height, chartTitle } = props;\n    const { chartContainerRef: _rootElem } = useImageExport(props.componentRef, true, false);\n    const classes = useChartTableStyles(props);\n    const arrowAttributes = useArrowNavigationGroup({ axis: 'grid' });\n\n    if (!headers || headers.length === 0) {\n      return <div>No data available</div>;\n    }\n\n    const bgColorSet = new Set<string>();\n    headers.forEach(header => {\n      const bg = header?.style?.backgroundColor;\n      const normalized = d3.color(bg || '')?.formatHex();\n      if (normalized) {\n        bgColorSet.add(normalized);\n      }\n    });\n    let sharedBackgroundColor: string | undefined;\n    let useSharedBackground = false;\n\n    /*\n    If we have only one or two unique background colors, we can consider using a shared background color\n    for the table headers. This is to ensure better contrast with the foreground text.\n    For size 1, we will consider that as default color if it satisfies the contrast ratio.\n    There could also be a scenario where backgroundcolor array is of size 2, for eg: [\"dimsgray\", \"gray\"],\n    which will assign 1st column header bg color to dimsgray and rest to gray. so our logic of shared background\n    color won't run here. So will consider for size 2 as well.\n    For size greater than this, we will consider that user wants different colors and will let color contrast fail\n    if any.\n    */\n    if (bgColorSet.size === 1 || bgColorSet.size === 2) {\n      const candidateBg = bgColorSet.size === 1 ? Array.from(bgColorSet)[0] : Array.from(bgColorSet)[1];\n      for (const header of headers) {\n        const fg = header?.style?.color;\n        if (fg && getColorContrast(fg, candidateBg) >= 3) {\n          sharedBackgroundColor = candidateBg;\n          useSharedBackground = true;\n          break;\n        }\n      }\n    }\n\n    const titleHeight = chartTitle ? 30 : 0;\n    const totalHeight = typeof height === 'number' ? height : 650;\n    const tableHeight = `${totalHeight - titleHeight}px`;\n    const svgWidth = typeof width === 'number' ? width : '100%';\n    const titleMaxWidth = typeof width === 'number' ? width - 20 : undefined;\n    const titleX = typeof width === 'number' ? width / 2 : 0;\n\n    return (\n      <div\n        ref={el => {\n          _rootElem.current = el;\n        }}\n        className={classes.root as string}\n        style={{ height: `${totalHeight}px`, overflow: 'hidden' }}\n      >\n        <svg width={svgWidth} height={`${totalHeight}px`}>\n          {chartTitle && (\n            <ChartTitle\n              title={chartTitle}\n              x={titleX}\n              maxWidth={titleMaxWidth}\n              className={classes.chartTitle}\n              titleStyles={props.titleStyles}\n              tooltipClassName={classes.svgTooltip}\n            />\n          )}\n          <foreignObject x=\"0\" y={titleHeight} width=\"100%\" height={tableHeight}>\n            <div\n              style={{\n                maxHeight: height ? `${height}px` : '650px',\n                overflowY: 'auto',\n                overflowX: 'auto',\n              }}\n            >\n              <table\n                className={classes.table}\n                style={{\n                  width: width ? `${width}px` : '100%',\n                }}\n                {...arrowAttributes}\n              >\n                <thead>\n                  <tr>\n                    {headers.map((header, idx) => {\n                      const style = { ...header?.style };\n                      const fg = style.color;\n                      const bg = style.backgroundColor;\n\n                      if (useSharedBackground) {\n                        style.backgroundColor = sharedBackgroundColor;\n                      } else if (fg || bg) {\n                        style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                      }\n                      return (\n                        <th key={idx} className={classes.headerCell} style={style} tabIndex={0}>\n                          {header.value}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                </thead>\n                {rows && rows.length > 0 && (\n                  <tbody>\n                    {rows.map((row, rowIdx) => (\n                      <tr key={rowIdx}>\n                        {row.map((cell, colIdx) => {\n                          const style = { ...cell?.style };\n                          const fg = style.color;\n                          const bg = style.backgroundColor;\n                          if (fg || bg) {\n                            style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                          }\n                          return (\n                            <td key={colIdx} className={classes.bodyCell} style={style} tabIndex={0}>\n                              {cell.value}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    ))}\n                  </tbody>\n                )}\n              </table>\n            </div>\n          </foreignObject>\n        </svg>\n      </div>\n    );\n  },\n);\n\nChartTable.displayName = 'ChartTable';\n"],"names":["React","useChartTableStyles","tokens","d3","getColorContrast","resolveCSSVariables","ChartTitle","useImageExport","useArrowNavigationGroup","invertHexColor","hex","color","colorNeutralForeground1","rgb","r","g","b","formatHex","getSafeBackgroundColor","chartContainer","foreground","background","fallbackFg","fallbackBg","colorNeutralBackground1","resolvedFg","resolvedBg","fg","bg","contrast","invertedBg","invertedContrast","ChartTable","forwardRef","props","forwardedRef","headers","rows","width","height","chartTitle","chartContainerRef","_rootElem","componentRef","classes","arrowAttributes","axis","length","div","bgColorSet","Set","forEach","header","style","backgroundColor","normalized","add","sharedBackgroundColor","useSharedBackground","size","candidateBg","Array","from","titleHeight","totalHeight","tableHeight","svgWidth","titleMaxWidth","undefined","titleX","ref","el","current","className","root","overflow","svg","title","x","maxWidth","titleStyles","tooltipClassName","svgTooltip","foreignObject","y","maxHeight","overflowY","overflowX","table","thead","tr","map","idx","th","key","headerCell","tabIndex","value","tbody","row","rowIdx","cell","colIdx","td","bodyCell","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/ChartTable/ChartTable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ChartTableProps } from './ChartTable.types';\nimport { useChartTableStyles } from './useChartTableStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nimport * as d3 from 'd3-color';\nimport { getColorContrast } from '../../utilities/colors';\nimport { resolveCSSVariables } from '../../utilities/utilities';\nimport { ChartTitle } from '../../utilities/index';\nimport { useImageExport } from '../../utilities/hooks';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nfunction invertHexColor(hex: string): string {\n  const color = d3.color(hex);\n  if (!color) {\n    return tokens.colorNeutralForeground1!;\n  }\n  const rgb = color.rgb();\n  return d3.rgb(255 - rgb.r, 255 - rgb.g, 255 - rgb.b).formatHex();\n}\n\nfunction getSafeBackgroundColor(chartContainer: HTMLElement, foreground?: string, background?: string): string {\n  const fallbackFg = tokens.colorNeutralForeground1;\n  const fallbackBg = tokens.colorNeutralBackground1;\n  if (!chartContainer) {\n    return fallbackBg;\n  }\n\n  const resolvedFg = resolveCSSVariables(chartContainer, foreground || fallbackFg);\n  const resolvedBg = resolveCSSVariables(chartContainer, background || fallbackBg);\n\n  const fg = d3.color(resolvedFg);\n  const bg = d3.color(resolvedBg);\n\n  if (!fg || !bg) {\n    return resolvedBg;\n  }\n  const contrast = getColorContrast(fg.formatHex(), bg.formatHex());\n  if (contrast >= 3) {\n    return bg.formatHex();\n  }\n\n  const invertedBg = invertHexColor(bg.formatHex());\n  const invertedContrast = getColorContrast(fg.formatHex(), invertedBg);\n  return invertedContrast >= 3 ? invertedBg : fallbackBg;\n}\n\nexport const ChartTable: React.FunctionComponent<ChartTableProps> = React.forwardRef<HTMLDivElement, ChartTableProps>(\n  (props, forwardedRef) => {\n    const { headers, rows, width, height, chartTitle } = props;\n    const { chartContainerRef: _rootElem } = useImageExport(props.componentRef, true, false);\n    const classes = useChartTableStyles(props);\n    const arrowAttributes = useArrowNavigationGroup({ axis: 'grid' });\n\n    if (!headers || headers.length === 0) {\n      return <div>No data available</div>;\n    }\n\n    const bgColorSet = new Set<string>();\n    headers.forEach(header => {\n      const bg = header?.style?.backgroundColor;\n      const normalized = d3.color(bg || '')?.formatHex();\n      if (normalized) {\n        bgColorSet.add(normalized);\n      }\n    });\n    let sharedBackgroundColor: string | undefined;\n    let useSharedBackground = false;\n\n    /*\n    If we have only one or two unique background colors, we can consider using a shared background color\n    for the table headers. This is to ensure better contrast with the foreground text.\n    For size 1, we will consider that as default color if it satisfies the contrast ratio.\n    There could also be a scenario where backgroundcolor array is of size 2, for eg: [\"dimsgray\", \"gray\"],\n    which will assign 1st column header bg color to dimsgray and rest to gray. so our logic of shared background\n    color won't run here. So will consider for size 2 as well.\n    For size greater than this, we will consider that user wants different colors and will let color contrast fail\n    if any.\n    */\n    if (bgColorSet.size === 1 || bgColorSet.size === 2) {\n      const candidateBg = bgColorSet.size === 1 ? Array.from(bgColorSet)[0] : Array.from(bgColorSet)[1];\n      for (const header of headers) {\n        const fg = header?.style?.color;\n        if (fg && getColorContrast(fg, candidateBg) >= 3) {\n          sharedBackgroundColor = candidateBg;\n          useSharedBackground = true;\n          break;\n        }\n      }\n    }\n\n    const titleHeight = chartTitle ? 30 : 0;\n    const totalHeight = typeof height === 'number' ? height : 650;\n    const tableHeight = `${totalHeight - titleHeight}px`;\n    const svgWidth = typeof width === 'number' ? width : '100%';\n    const titleMaxWidth = typeof width === 'number' ? width - 20 : undefined;\n    const titleX = typeof width === 'number' ? width / 2 : 0;\n\n    return (\n      <div\n        ref={el => {\n          _rootElem.current = el;\n        }}\n        className={classes.root as string}\n        style={{ height: `${totalHeight}px`, overflow: 'hidden' }}\n      >\n        <svg width={svgWidth} height={`${totalHeight}px`}>\n          {chartTitle && (\n            <ChartTitle\n              title={chartTitle}\n              x={titleX}\n              maxWidth={titleMaxWidth}\n              className={classes.chartTitle}\n              titleStyles={props.titleStyles}\n              tooltipClassName={classes.svgTooltip}\n            />\n          )}\n          <foreignObject x=\"0\" y={titleHeight} width=\"100%\" height={tableHeight}>\n            <div\n              style={{\n                maxHeight: height ? `${height}px` : '650px',\n                overflowY: 'auto',\n                overflowX: 'auto',\n              }}\n            >\n              <table\n                className={classes.table}\n                style={{\n                  width: width ? `${width}px` : '100%',\n                }}\n                {...arrowAttributes}\n              >\n                <thead>\n                  <tr>\n                    {headers.map((header, idx) => {\n                      const style = { ...header?.style };\n                      const fg = style.color;\n                      const bg = style.backgroundColor;\n\n                      if (useSharedBackground) {\n                        style.backgroundColor = sharedBackgroundColor;\n                      } else if (fg || bg) {\n                        style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                      }\n                      return (\n                        <th key={idx} className={classes.headerCell} style={style} tabIndex={0}>\n                          {header.value}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                </thead>\n                {rows && rows.length > 0 && (\n                  <tbody>\n                    {rows.map((row, rowIdx) => (\n                      <tr key={rowIdx}>\n                        {row.map((cell, colIdx) => {\n                          const style = { ...cell?.style };\n                          const fg = style.color;\n                          const bg = style.backgroundColor;\n                          if (fg || bg) {\n                            style.backgroundColor = getSafeBackgroundColor(_rootElem.current!, fg, bg);\n                          }\n                          return (\n                            <td key={colIdx} className={classes.bodyCell} style={style} tabIndex={0}>\n                              {cell.value}\n                            </td>\n                          );\n                        })}\n                      </tr>\n                    ))}\n                  </tbody>\n                )}\n              </table>\n            </div>\n          </foreignObject>\n        </svg>\n      </div>\n    );\n  },\n);\n\nChartTable.displayName = 'ChartTable';\n"],"names":["React","useChartTableStyles","tokens","d3","getColorContrast","resolveCSSVariables","ChartTitle","useImageExport","useArrowNavigationGroup","invertHexColor","hex","color","colorNeutralForeground1","rgb","r","g","b","formatHex","getSafeBackgroundColor","chartContainer","foreground","background","fallbackFg","fallbackBg","colorNeutralBackground1","resolvedFg","resolvedBg","fg","bg","contrast","invertedBg","invertedContrast","ChartTable","forwardRef","props","forwardedRef","headers","rows","width","height","chartTitle","chartContainerRef","_rootElem","componentRef","classes","arrowAttributes","axis","length","div","bgColorSet","Set","forEach","header","style","backgroundColor","normalized","add","sharedBackgroundColor","useSharedBackground","size","candidateBg","Array","from","titleHeight","totalHeight","tableHeight","svgWidth","titleMaxWidth","undefined","titleX","ref","el","current","className","root","overflow","svg","title","x","maxWidth","titleStyles","tooltipClassName","svgTooltip","foreignObject","y","maxHeight","overflowY","overflowX","table","thead","tr","map","idx","th","key","headerCell","tabIndex","value","tbody","row","rowIdx","cell","colIdx","td","bodyCell","displayName"],"mappings":"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"}

package/lib/components/ChartTable/ChartTable.types.js

@@ -1 +1,4 @@
-import * as React from 'react';
+/**
+ * Table Chart styles
+ * {@docCategory ChartTable}
+ */ export { };

package/lib/components/ChartTable/ChartTable.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChartTable/ChartTable.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TitleStyles } from '../../utilities/Common.styles';\nimport { Chart } from './index';\n\n/**\n * Chart Table properties\n * {@docCategory ChartTable}\n */\nexport interface ChartTableProps {\n  /**\n   * Title styles configuration for the chart title\n   */\n  titleStyles?: TitleStyles;\n\n  /**\n   * 1d or 2d Array of header values.\n   */\n  headers: { value: string | number | boolean | null; style?: React.CSSProperties }[];\n\n  /**\n   * Array of rows. Each row corresponds to one data entry under each column.\n   */\n  rows: { value: string | number | boolean | null; style?: React.CSSProperties }[][];\n\n  /**\n   * Optional width for the table\n   * @default '100%'\n   */\n  width?: string | number;\n\n  /**\n   * Optional height for the table\n   * @default '650px'\n   */\n  height?: string | number;\n\n  /**\n   * Chart title to display above the table\n   */\n  chartTitle?: string;\n\n  /**\n   * Additional class name(s) to apply to the table chart\n   */\n  className?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ChartTableStyles;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<Chart>;\n}\n\n/**\n * Table Chart styles\n * {@docCategory ChartTable}\n */\nexport interface ChartTableStyles {\n  root?: string | React.CSSProperties;\n  table?: string;\n  headerCell?: string;\n  bodyCell?: string;\n  chart?: string;\n  chartTitle?: string;\n  svgTooltip?: string;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["../src/components/ChartTable/ChartTable.types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { TitleStyles } from '../../utilities/Common.styles';\nimport type { Chart } from './index';\n\n/**\n * Chart Table properties\n * {@docCategory ChartTable}\n */\nexport interface ChartTableProps {\n  /**\n   * Title styles configuration for the chart title\n   */\n  titleStyles?: TitleStyles;\n\n  /**\n   * 1d or 2d Array of header values.\n   */\n  headers: { value: string | number | boolean | null; style?: React.CSSProperties }[];\n\n  /**\n   * Array of rows. Each row corresponds to one data entry under each column.\n   */\n  rows: { value: string | number | boolean | null; style?: React.CSSProperties }[][];\n\n  /**\n   * Optional width for the table\n   * @default '100%'\n   */\n  width?: string | number;\n\n  /**\n   * Optional height for the table\n   * @default '650px'\n   */\n  height?: string | number;\n\n  /**\n   * Chart title to display above the table\n   */\n  chartTitle?: string;\n\n  /**\n   * Additional class name(s) to apply to the table chart\n   */\n  className?: string;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: ChartTableStyles;\n\n  /**\n   * Optional callback to access the Chart interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.Ref<Chart>;\n}\n\n/**\n * Table Chart styles\n * {@docCategory ChartTable}\n */\nexport interface ChartTableStyles {\n  root?: string | React.CSSProperties;\n  table?: string;\n  headerCell?: string;\n  bodyCell?: string;\n  chart?: string;\n  chartTitle?: string;\n  svgTooltip?: string;\n}\n"],"names":[],"mappings":"AA0DA;;;CAGC,GACD,WAQC"}

package/lib/components/ChartTable/useChartTableStyles.styles.raw.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ChartTable/useChartTableStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { GriffelStyle, makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { ChartTableProps, ChartTableStyles } from './ChartTable.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const chartTableClassNames: SlotClassNames<ChartTableStyles> = {\n  root: 'fui-ChartTable__root',\n  table: 'fui-ChartTable__table',\n  headerCell: 'fui-ChartTable__headerCell',\n  bodyCell: 'fui-ChartTable__bodyCell',\n  chart: 'fui-ChartTable__chart',\n  chartTitle: 'fui-ChartTable__chartTitle',\n  svgTooltip: 'fui-ChartTable__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100%',\n    overflowX: 'auto',\n  },\n  table: {\n    borderCollapse: 'collapse',\n  },\n  headerCell: {\n    ...typographyStyles.caption1,\n    fontWeight: tokens.fontWeightSemibold,\n    backgroundColor: tokens.colorNeutralBackground3,\n    color: tokens.colorNeutralForeground1,\n    padding: tokens.spacingHorizontalS,\n    textAlign: 'left',\n    border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Window',\n      color: 'WindowText',\n    },\n  },\n  bodyCell: {\n    ...typographyStyles.caption1,\n    padding: tokens.spacingHorizontalS,\n    border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n    color: tokens.colorNeutralForeground1,\n    textAlign: 'left',\n    '@media (forced-colors: active)': {\n      color: 'WindowText',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n});\n\n/**\n * Apply styling to the ChartTable slots based on the state\n */\nexport const useChartTableStyles = (props: ChartTableProps): ChartTableStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartTableClassNames.root, baseStyles.root /*props.styles?.root*/),\n    table: mergeClasses(chartTableClassNames.table, baseStyles.table /*props.styles?.table*/),\n    headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /*props.styles?.headerCell*/),\n    bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /*props.styles?.bodyCell*/),\n    chart: mergeClasses(chartTableClassNames.chart /*props.styles?.chart*/),\n    chartTitle: mergeClasses(chartTableClassNames.chartTitle, baseStyles.chartTitle /*props.styles?.chartTitle*/),\n    svgTooltip: mergeClasses(chartTableClassNames.svgTooltip, baseStyles.svgTooltip /*props.styles?.svgTooltip*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","getChartTitleStyles","HighContrastSelector","chartTableClassNames","root","table","headerCell","bodyCell","chart","chartTitle","svgTooltip","useStyles","width","overflowX","borderCollapse","caption1","fontWeight","fontWeightSemibold","backgroundColor","colorNeutralBackground3","color","colorNeutralForeground1","padding","spacingHorizontalS","textAlign","border","strokeWidthThick","colorNeutralStroke2","fill","colorNeutralBackground1","useChartTableStyles","props","baseStyles"],"mappings":"AAAA;AAEA,SAAuBA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAGxE,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF;;CAEC,GACD,OAAO,MAAMC,uBAAyD;IACpEC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,OAAO;IACPC,YAAY;IACZC,YAAY;AACd,EAAE;AAEF,MAAMC,YAAYd,WAAW;IAC3BO,MAAM;QACJQ,OAAO;QACPC,WAAW;IACb;IACAR,OAAO;QACLS,gBAAgB;IAClB;IACAR,YAAY;QACV,GAAGN,iBAAiBe,QAAQ;QAC5BC,YAAYjB,OAAOkB,kBAAkB;QACrCC,iBAAiBnB,OAAOoB,uBAAuB;QAC/CC,OAAOrB,OAAOsB,uBAAuB;QACrCC,SAASvB,OAAOwB,kBAAkB;QAClCC,WAAW;QACXC,QAAQ,GAAG1B,OAAO2B,gBAAgB,CAAC,OAAO,EAAE3B,OAAO4B,mBAAmB,EAAE;QACxE,kCAAkC;YAChCT,iBAAiB;YACjBE,OAAO;QACT;IACF;IACAb,UAAU;QACR,GAAGP,iBAAiBe,QAAQ;QAC5BO,SAASvB,OAAOwB,kBAAkB;QAClCE,QAAQ,GAAG1B,OAAO2B,gBAAgB,CAAC,OAAO,EAAE3B,OAAO4B,mBAAmB,EAAE;QACxEP,OAAOrB,OAAOsB,uBAAuB;QACrCG,WAAW;QACX,kCAAkC;YAChCJ,OAAO;QACT;IACF;IACAX,YAAYR;IACZS,YAAY;QACVkB,MAAM7B,OAAO8B,uBAAuB;QACpC,CAAC3B,qBAAqB,EAAE;YACtB0B,MAAM;QACR;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,sBAAsB,CAACC;IAClC,MAAMC,aAAarB;IAEnB,OAAO;QACLP,MAAMN,aAAaK,qBAAqBC,IAAI,EAAE4B,WAAW5B,IAAI,CAAC,oBAAoB;QAClFC,OAAOP,aAAaK,qBAAqBE,KAAK,EAAE2B,WAAW3B,KAAK,CAAC,qBAAqB;QACtFC,YAAYR,aAAaK,qBAAqBG,UAAU,EAAE0B,WAAW1B,UAAU,CAAC,0BAA0B;QAC1GC,UAAUT,aAAaK,qBAAqBI,QAAQ,EAAEyB,WAAWzB,QAAQ,CAAC,wBAAwB;QAClGC,OAAOV,aAAaK,qBAAqBK,KAAK,CAAC,qBAAqB;QACpEC,YAAYX,aAAaK,qBAAqBM,UAAU,EAAEuB,WAAWvB,UAAU,CAAC,0BAA0B;QAC1GC,YAAYZ,aAAaK,qBAAqBO,UAAU,EAAEsB,WAAWtB,UAAU,CAAC,0BAA0B;IAC5G;AACF,EAAE"}
+{"version":3,"sources":["../src/components/ChartTable/useChartTableStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ChartTableProps, ChartTableStyles } from './ChartTable.types';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { getChartTitleStyles, HighContrastSelector } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const chartTableClassNames: SlotClassNames<ChartTableStyles> = {\n  root: 'fui-ChartTable__root',\n  table: 'fui-ChartTable__table',\n  headerCell: 'fui-ChartTable__headerCell',\n  bodyCell: 'fui-ChartTable__bodyCell',\n  chart: 'fui-ChartTable__chart',\n  chartTitle: 'fui-ChartTable__chartTitle',\n  svgTooltip: 'fui-ChartTable__svgTooltip',\n};\n\nconst useStyles = makeStyles({\n  root: {\n    width: '100%',\n    overflowX: 'auto',\n  },\n  table: {\n    borderCollapse: 'collapse',\n  },\n  headerCell: {\n    ...typographyStyles.caption1,\n    fontWeight: tokens.fontWeightSemibold,\n    backgroundColor: tokens.colorNeutralBackground3,\n    color: tokens.colorNeutralForeground1,\n    padding: tokens.spacingHorizontalS,\n    textAlign: 'left',\n    border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Window',\n      color: 'WindowText',\n    },\n  },\n  bodyCell: {\n    ...typographyStyles.caption1,\n    padding: tokens.spacingHorizontalS,\n    border: `${tokens.strokeWidthThick} solid ${tokens.colorNeutralStroke2}`,\n    color: tokens.colorNeutralForeground1,\n    textAlign: 'left',\n    '@media (forced-colors: active)': {\n      color: 'WindowText',\n    },\n  },\n  chartTitle: getChartTitleStyles() as GriffelStyle,\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n});\n\n/**\n * Apply styling to the ChartTable slots based on the state\n */\nexport const useChartTableStyles = (props: ChartTableProps): ChartTableStyles => {\n  const baseStyles = useStyles();\n\n  return {\n    root: mergeClasses(chartTableClassNames.root, baseStyles.root /*props.styles?.root*/),\n    table: mergeClasses(chartTableClassNames.table, baseStyles.table /*props.styles?.table*/),\n    headerCell: mergeClasses(chartTableClassNames.headerCell, baseStyles.headerCell /*props.styles?.headerCell*/),\n    bodyCell: mergeClasses(chartTableClassNames.bodyCell, baseStyles.bodyCell /*props.styles?.bodyCell*/),\n    chart: mergeClasses(chartTableClassNames.chart /*props.styles?.chart*/),\n    chartTitle: mergeClasses(chartTableClassNames.chartTitle, baseStyles.chartTitle /*props.styles?.chartTitle*/),\n    svgTooltip: mergeClasses(chartTableClassNames.svgTooltip, baseStyles.svgTooltip /*props.styles?.svgTooltip*/),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","getChartTitleStyles","HighContrastSelector","chartTableClassNames","root","table","headerCell","bodyCell","chart","chartTitle","svgTooltip","useStyles","width","overflowX","borderCollapse","caption1","fontWeight","fontWeightSemibold","backgroundColor","colorNeutralBackground3","color","colorNeutralForeground1","padding","spacingHorizontalS","textAlign","border","strokeWidthThick","colorNeutralStroke2","fill","colorNeutralBackground1","useChartTableStyles","props","baseStyles"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,wBAAwB;AACjE,SAASC,mBAAmB,EAAEC,oBAAoB,QAAQ,wBAAwB;AAElF;;CAEC,GACD,OAAO,MAAMC,uBAAyD;IACpEC,MAAM;IACNC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,OAAO;IACPC,YAAY;IACZC,YAAY;AACd,EAAE;AAEF,MAAMC,YAAYd,WAAW;IAC3BO,MAAM;QACJQ,OAAO;QACPC,WAAW;IACb;IACAR,OAAO;QACLS,gBAAgB;IAClB;IACAR,YAAY;QACV,GAAGN,iBAAiBe,QAAQ;QAC5BC,YAAYjB,OAAOkB,kBAAkB;QACrCC,iBAAiBnB,OAAOoB,uBAAuB;QAC/CC,OAAOrB,OAAOsB,uBAAuB;QACrCC,SAASvB,OAAOwB,kBAAkB;QAClCC,WAAW;QACXC,QAAQ,GAAG1B,OAAO2B,gBAAgB,CAAC,OAAO,EAAE3B,OAAO4B,mBAAmB,EAAE;QACxE,kCAAkC;YAChCT,iBAAiB;YACjBE,OAAO;QACT;IACF;IACAb,UAAU;QACR,GAAGP,iBAAiBe,QAAQ;QAC5BO,SAASvB,OAAOwB,kBAAkB;QAClCE,QAAQ,GAAG1B,OAAO2B,gBAAgB,CAAC,OAAO,EAAE3B,OAAO4B,mBAAmB,EAAE;QACxEP,OAAOrB,OAAOsB,uBAAuB;QACrCG,WAAW;QACX,kCAAkC;YAChCJ,OAAO;QACT;IACF;IACAX,YAAYR;IACZS,YAAY;QACVkB,MAAM7B,OAAO8B,uBAAuB;QACpC,CAAC3B,qBAAqB,EAAE;YACtB0B,MAAM;QACR;IACF;AACF;AAEA;;CAEC,GACD,OAAO,MAAME,sBAAsB,CAACC;IAClC,MAAMC,aAAarB;IAEnB,OAAO;QACLP,MAAMN,aAAaK,qBAAqBC,IAAI,EAAE4B,WAAW5B,IAAI,CAAC,oBAAoB;QAClFC,OAAOP,aAAaK,qBAAqBE,KAAK,EAAE2B,WAAW3B,KAAK,CAAC,qBAAqB;QACtFC,YAAYR,aAAaK,qBAAqBG,UAAU,EAAE0B,WAAW1B,UAAU,CAAC,0BAA0B;QAC1GC,UAAUT,aAAaK,qBAAqBI,QAAQ,EAAEyB,WAAWzB,QAAQ,CAAC,wBAAwB;QAClGC,OAAOV,aAAaK,qBAAqBK,KAAK,CAAC,qBAAqB;QACpEC,YAAYX,aAAaK,qBAAqBM,UAAU,EAAEuB,WAAWvB,UAAU,CAAC,0BAA0B;QAC1GC,YAAYZ,aAAaK,qBAAqBO,UAAU,EAAEsB,WAAWtB,UAAU,CAAC,0BAA0B;IAC5G;AACF,EAAE"}

package/lib/components/CommonComponents/Annotations/ChartAnnotationLayer.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/Annotations/ChartAnnotationLayer.types.ts"],"sourcesContent":["import { ChartAnnotation, ChartAnnotationArrowHead } from '../../../types/ChartAnnotation';\n\nexport interface AnnotationPoint {\n  x: number;\n  y: number;\n}\n\nexport interface AnnotationPlotRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface ChartAnnotationContext {\n  /** Rectangle describing the drawable area of the chart (without margins) */\n  plotRect: AnnotationPlotRect;\n  /** Size of the owning SVG element */\n  svgRect: { width: number; height: number };\n  /** Indicates if layout should be mirrored */\n  isRtl?: boolean;\n  /** Primary x scale mapping data domain to pixels */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: (value: any) => number;\n  /** Primary y scale mapping data domain to pixels */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: (value: any) => number;\n  /** Secondary y scale when present */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: (value: any) => number;\n}\n\nexport interface ChartAnnotationLayerProps {\n  annotations?: ChartAnnotation[];\n  context: ChartAnnotationContext;\n  className?: string;\n  /**\n   * When true, removes default border, shadow, and background styling from annotations.\n   * @default false\n   */\n  hideDefaultStyles?: boolean;\n}\n\nexport interface ResolvedAnnotationPosition {\n  /** Final absolute position after applying layout and offsets */\n  point: AnnotationPoint;\n  /** Raw anchor position before offsets (used for connectors) */\n  anchor: AnnotationPoint;\n}\n\nexport type ConnectorRenderData = {\n  key: string;\n  start: AnnotationPoint;\n  end: AnnotationPoint;\n  strokeColor: string;\n  strokeWidth: number;\n  dashArray?: string;\n  arrow: ChartAnnotationArrowHead;\n  markerSize: number;\n  markerStrokeWidth: number;\n};\n"],"names":[],"mappings":"AAkDA,WAUE"}
+{"version":3,"sources":["../src/components/CommonComponents/Annotations/ChartAnnotationLayer.types.ts"],"sourcesContent":["import type { ChartAnnotation, ChartAnnotationArrowHead } from '../../../types/ChartAnnotation';\n\nexport interface AnnotationPoint {\n  x: number;\n  y: number;\n}\n\nexport interface AnnotationPlotRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface ChartAnnotationContext {\n  /** Rectangle describing the drawable area of the chart (without margins) */\n  plotRect: AnnotationPlotRect;\n  /** Size of the owning SVG element */\n  svgRect: { width: number; height: number };\n  /** Indicates if layout should be mirrored */\n  isRtl?: boolean;\n  /** Primary x scale mapping data domain to pixels */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  xScale?: (value: any) => number;\n  /** Primary y scale mapping data domain to pixels */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScalePrimary?: (value: any) => number;\n  /** Secondary y scale when present */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  yScaleSecondary?: (value: any) => number;\n}\n\nexport interface ChartAnnotationLayerProps {\n  annotations?: ChartAnnotation[];\n  context: ChartAnnotationContext;\n  className?: string;\n  /**\n   * When true, removes default border, shadow, and background styling from annotations.\n   * @default false\n   */\n  hideDefaultStyles?: boolean;\n}\n\nexport interface ResolvedAnnotationPosition {\n  /** Final absolute position after applying layout and offsets */\n  point: AnnotationPoint;\n  /** Raw anchor position before offsets (used for connectors) */\n  anchor: AnnotationPoint;\n}\n\nexport type ConnectorRenderData = {\n  key: string;\n  start: AnnotationPoint;\n  end: AnnotationPoint;\n  strokeColor: string;\n  strokeWidth: number;\n  dashArray?: string;\n  arrow: ChartAnnotationArrowHead;\n  markerSize: number;\n  markerStrokeWidth: number;\n};\n"],"names":[],"mappings":"AAkDA,WAUE"}

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

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

package/lib/components/CommonComponents/CartesianChart.js

@@ -36,7 +36,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
     }, [
         props.points
     ]);
-    let _tooltipId = useId('tooltip_');
+    const _tooltipId = useId('tooltip_');
     /* Used for when WrapXAxisLabels props appeared.
    * To display the total word (space separated words), Need to have more space than usual.
    * This height will get total height need to disaply total word.
@@ -149,7 +149,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
             // Solution: Delay the creation of gridlines until after the transformation has been applied,
             // or precompute the required height for transformed labels (_removalValueForTextTuncate).
             containerHeight: containerHeight - _removalValueForTextTuncate,
-            margins: margins,
+            margins,
             xAxisElement: xAxisElement.current,
             showRoundOffXTickValues: (_props_showRoundOffXTickValues = props.showRoundOffXTickValues) !== null && _props_showRoundOffXTickValues !== void 0 ? _props_showRoundOffXTickValues : true,
             xAxisCount: props.xAxisTickCount,
@@ -158,7 +158,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
             xAxisPadding: props.xAxisPadding,
             xAxisInnerPadding: props.xAxisInnerPadding,
             xAxisOuterPadding: props.xAxisOuterPadding,
-            containerWidth: containerWidth,
+            containerWidth,
             hideTickOverlap: props.rotateXAxisLables || ((_props_xAxis = props.xAxis) === null || _props_xAxis === void 0 ? void 0 : _props_xAxis.tickLayout) === 'auto' ? false : hideTickOverlap,
             calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,
             xMinValue: props.xMinValue,
@@ -196,7 +196,7 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
         }
         const YAxisParams = {
             margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,
-            containerWidth: containerWidth,
+            containerWidth,
             containerHeight: containerHeight - _removalValueForTextTuncate,
             yAxisElement: yAxisElement.current,
             yAxisTickFormat: props.yAxisTickFormat,
@@ -234,8 +234,8 @@ const DEFAULT_MARGIN_NO_TICKS = 20;
                 var _props_secondaryYScaleOptions, _props_secondaryYScaleOptions1;
                 var _props_secondaryYScaleOptions_yMaxValue;
                 const YAxisParamsSecondary = {
-                    margins: margins,
-                    containerWidth: containerWidth,
+                    margins,
+                    containerWidth,
                     containerHeight: containerHeight - _removalValueForTextTuncate,
                     yAxisElement: yAxisElementSecondary.current,
                     yAxisTickFormat: props.yAxisTickFormat,

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  IAxisData,\n  createDateXAxis,\n  IMargins,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n  autoLayoutXAxisLabels,\n  getChartTitleInlineStyles,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { SVGTooltipText, SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickLabels: string[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  let _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScalePrimary: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScaleSecondary: any;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins: margins,\n      xAxisElement: xAxisElement.current!,\n      showRoundOffXTickValues: props.showRoundOffXTickValues ?? true,\n      xAxisCount: props.xAxisTickCount,\n      xAxistickSize: props.xAxistickSize,\n      tickPadding: props.tickPadding || props.showXAxisLablesTooltip ? 5 : 10,\n      xAxisPadding: props.xAxisPadding,\n      xAxisInnerPadding: props.xAxisInnerPadding,\n      xAxisOuterPadding: props.xAxisOuterPadding,\n      containerWidth: containerWidth,\n      hideTickOverlap: props.rotateXAxisLables || props.xAxis?.tickLayout === 'auto' ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: number[] | Date[] | string[];\n    let tickLabels: string[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues, tickLabels } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues, tickLabels } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues, tickLabels } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues, tickLabels } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickLabels = tickLabels;\n\n    if (props.xAxis?.tickLayout === 'auto') {\n      _removalValueForTextTuncate = autoLayoutXAxisLabels(\n        tickValues,\n        _tickLabels,\n        _xScale,\n        xAxisElement.current,\n        containerWidth,\n        chartContainer.current,\n      );\n    } else {\n      _transformXAxisLabels();\n    }\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth: containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins: margins,\n          containerWidth: containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing previously created tooltips.\n    try {\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n      // eslint-disable-next-line no-empty\n    } catch (e) {}\n    // Used to display tooltip at x axis labels.\n    if (props.showXAxisLablesTooltip || props.xAxis?.tickLayout === 'auto') {\n      const _xAxisElement = xAxisElement.current ? d3Select(xAxisElement.current).call(xScale) : null;\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _xAxisElement,\n        container: chartContainer.current,\n      };\n      _xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      // To create y axis tick values by if specified truncating the rest of the text\n      // and showing elipsis or showing the whole string,\n      yScalePrimary &&\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\n\n      const _yAxisElement = yAxisElement.current ? d3Select(yAxisElement.current).call(yScalePrimary) : null;\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n        container: chartContainer.current,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickLabels) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickLabels.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _getChartDescription(): string {\n    return (\n      (props.chartTitle || 'Chart. ') +\n      _getAxisTitle('X', props.xAxisTitle, props.xAxisType) +\n      _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) +\n      (props.secondaryYScaleOptions\n        ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis)\n        : '')\n    );\n  }\n\n  function _getAxisTitle(axisLabel: string, axisTitle: string | undefined, axisType: XAxisTypes | YAxisType): string {\n    return (\n      `The ${axisLabel} axis displays ` +\n      (axisTitle ||\n        (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis\n          ? 'categories'\n          : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis\n          ? 'time'\n          : 'values')) +\n      '. '\n    );\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickLabels = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickLabels, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n        container: chartContainer.current,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => {\n        chartContainer.current = rootElem;\n      }}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          role=\"region\"\n          aria-label={_getChartDescription()}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined &&\n            props.xAxisAnnotation !== '' &&\n            (() => {\n              const { titleFont, titleXAnchor, titleYAnchor, titlePad } = props.titleStyles ?? {};\n              const fontSize = typeof titleFont?.size === 'number' ? titleFont.size : 13;\n              const padL = titlePad?.l ?? 0;\n              const padR = titlePad?.r ?? 0;\n              const padT = titlePad?.t ?? 0;\n              const padB = titlePad?.b ?? 0;\n\n              const xPos =\n                (titleXAnchor === 'left'\n                  ? margins.left! + AXIS_TITLE_PADDING\n                  : titleXAnchor === 'right'\n                  ? margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth\n                  : margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2) +\n                padL -\n                padR;\n\n              const yPos =\n                Math.max(fontSize + AXIS_TITLE_PADDING, VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING) +\n                padT -\n                padB;\n\n              const textAnchor = titleXAnchor === 'left' ? 'start' : titleXAnchor === 'right' ? 'end' : 'middle';\n\n              const dominantBaseline =\n                titleYAnchor === 'top'\n                  ? 'hanging'\n                  : titleYAnchor === 'bottom'\n                  ? 'alphabetic'\n                  : titleYAnchor === 'middle'\n                  ? 'central'\n                  : 'auto';\n\n              return (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.xAxisAnnotation}\n                  textProps={{\n                    x: xPos,\n                    y: yPos,\n                    className: classes.axisAnnotation!,\n                    textAnchor,\n                    dominantBaseline,\n                    'aria-hidden': true,\n                    style: getChartTitleInlineStyles(titleFont),\n                  }}\n                  maxWidth={xAxisTitleMaxWidth}\n                />\n              );\n            })()}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","autoLayoutXAxisLabels","getChartTitleInlineStyles","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickLabels","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","circular","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","xAxis","tickLayout","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xScale","tickLabels","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_xAxisElement","call","tooltipProps","tooltipCls","tooltip","id","container","_yAxisElement","ytooltipProps","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","_getChartDescription","chartTitle","_getAxisTitle","xAxisTitle","yAxisTitle","secondaryYAxistitle","axisLabel","axisTitle","axisType","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","style","display","chart","g","transform","textProps","textAnchor","maxWidth","titleFont","titleXAnchor","titleYAnchor","titlePad","titleStyles","fontSize","size","padL","l","padR","r","padT","t","padB","b","xPos","yPos","dominantBaseline","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/CartesianChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport type { ModifiedCartesianChartProps } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport { select as d3Select } from 'd3-selection';\nimport type { IAxisData, IMargins } from '../../utilities/index';\nimport {\n  createNumericXAxis,\n  createStringXAxis,\n  createDateXAxis,\n  XAxisTypes,\n  YAxisType,\n  createWrapOfXLabels,\n  rotateXAxisLabels,\n  calculateLongestLabelWidth,\n  createYAxisLabels,\n  ChartTypes,\n  wrapContent,\n  useRtl,\n  truncateString,\n  tooltipOfAxislabels,\n  getSecureProps,\n  DEFAULT_WRAP_WIDTH,\n  autoLayoutXAxisLabels,\n  getChartTitleInlineStyles,\n} from '../../utilities/index';\nimport { useId } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { SVGTooltipTextProps } from '../../utilities/SVGTooltipText';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { ChartAnnotationLayer } from './Annotations/ChartAnnotationLayer';\nimport type { ChartAnnotationContext } from './Annotations/ChartAnnotationLayer.types';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\nconst HORIZONTAL_MARGIN_FOR_YAXIS_TITLE = 24;\nconst VERTICAL_MARGIN_FOR_XAXIS_TITLE = 20;\nconst AXIS_TITLE_PADDING = 8;\nconst DEFAULT_MARGIN_WITH_TICKS = 40;\nconst DEFAULT_MARGIN_NO_TICKS = 20;\n\n/**\n * Cartesian Chart component\n * {@docCategory CartesianChart}\n */\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n  HTMLDivElement,\n  ModifiedCartesianChartProps\n>(({ hideTickOverlap = true, ...props }, forwardedRef) => {\n  const chartContainer = React.useRef<HTMLDivElement | null>(null);\n  let legendContainer: HTMLDivElement;\n  const minLegendContainerHeight: number = 40;\n  const xAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElement = React.useRef<SVGSVGElement | null>(null);\n  const yAxisElementSecondary = React.useRef<SVGSVGElement | null>(null);\n  let margins: IMargins;\n  const idForGraph: string = 'chart_';\n  let _reqID: number | undefined;\n  const _useRtl: boolean = useRtl();\n  let _tickLabels: string[];\n  const _isFirstRender = React.useRef<boolean>(true);\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let _xScale: any;\n  const isIntegralDataset = React.useMemo(() => {\n    return !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n  }, [props.points]);\n  const _tooltipId: string = useId('tooltip_');\n  /* Used for when WrapXAxisLabels props appeared.\n   * To display the total word (space separated words), Need to have more space than usual.\n   * This height will get total height need to disaply total word.\n   * These value need to be removed from actual svg height/graph height.\n   * Defalut value is 0. And this values calculted when 'wrapXAxisLables' or 'showXAxisLablesTooltip' is true.\n   */\n  let _removalValueForTextTuncate: number = 0;\n  const _yAxisTickText = React.useRef<string[]>([]);\n\n  const [containerWidth, setContainerWidth] = React.useState<number>(0);\n  const [containerHeight, setContainerHeight] = React.useState<number>(0);\n  const [startFromX, setStartFromX] = React.useState<number>(0);\n  const prevWidthRef = React.useRef<number | undefined>(undefined);\n  const prevHeightRef = React.useRef<number | undefined>(undefined);\n\n  const classes = useCartesianChartStyles(props);\n  const focusAttributes = useFocusableGroup();\n  const arrowAttributes = useArrowNavigationGroup({ circular: true, axis: 'horizontal' });\n  // ComponentdidMount and Componentwillunmount logic\n  React.useEffect(() => {\n    _fitParentContainer();\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n    return () => {\n      if (_reqID !== undefined) {\n        cancelAnimationFrame(_reqID);\n      }\n    };\n  }, [props]);\n\n  // ComponentDidUpdate logic\n  React.useEffect(() => {\n    // Check if height or width changed\n    if (\n      prevWidthRef.current !== undefined &&\n      prevHeightRef.current !== undefined &&\n      (prevWidthRef.current !== props.width || prevHeightRef.current !== props.height)\n    ) {\n      _fitParentContainer();\n    }\n    // Update refs with current values\n    prevWidthRef.current = props.width;\n    prevHeightRef.current = props.height;\n\n    if (props.showYAxisLables) {\n      const maxYAxisLabelLength = calculateMaxYAxisLabelLength(classes.yAxis!);\n      if (startFromX !== maxYAxisLabelLength) {\n        setStartFromX(maxYAxisLabelLength);\n      }\n    } else if (startFromX !== 0) {\n      setStartFromX(0);\n    }\n  }, [props.width, props.height, props.chartType, props.showYAxisLables, props.yAxisType]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: chartContainer.current ?? null,\n    }),\n    [],\n  );\n\n  /**\n   * Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n   * only the calloutprops and charthover props changes.\n   * @param calloutProps\n   * @param chartHoverProps\n   * @returns\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _generateCallout(calloutProps: any): JSXElement {\n    return <ChartPopover {...calloutProps} />;\n  }\n\n  function calculateMaxYAxisLabelLength(className: string): number {\n    const formatTickLabel = (str: string) => {\n      if (props.showYAxisLablesTooltip) {\n        return truncateString(str, props.noOfCharsToTruncate || 4);\n      }\n\n      return str;\n    };\n    return calculateLongestLabelWidth(\n      _yAxisTickText.current.map(label => formatTickLabel(label)),\n      `.${className} text`,\n    );\n  }\n\n  const {\n    calloutProps,\n    points,\n    chartType,\n    svgProps,\n    culture,\n    dateLocalizeOptions,\n    timeFormatLocale,\n    customDateTimeFormatter,\n  } = props;\n  if (props.parentRef) {\n    _fitParentContainer();\n  }\n\n  margins = _calcMargins();\n  // Callback for margins to the chart\n  props.getmargins && props.getmargins(margins);\n\n  let callout: JSXElement | null = null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScalePrimary: any;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let yScaleSecondary: any;\n\n  let children = null;\n  if ((props.enableFirstRenderOptimization && chartContainer.current) || !props.enableFirstRenderOptimization) {\n    _isFirstRender.current = false;\n    const XAxisParams = {\n      domainNRangeValues: props.getDomainNRangeValues(\n        points,\n        props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n        containerWidth,\n        chartType,\n        _useRtl,\n        props.xAxisType,\n        props.barwidth!,\n        props.tickValues!,\n      ),\n      // FIXME: In XAxisParams, containerHeight is used by HBWA to generate vertical gridlines.\n      // Since the x-axis in HBWA is numeric, it typically doesn't require transformation.\n      // However, if transformation props are enabled, the updated _removalValueForTextTuncate\n      // will only be available in the next render, as it's set after the axis is created.\n      // Solution: Delay the creation of gridlines until after the transformation has been applied,\n      // or precompute the required height for transformed labels (_removalValueForTextTuncate).\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      margins,\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,\n      hideTickOverlap: props.rotateXAxisLables || props.xAxis?.tickLayout === 'auto' ? false : hideTickOverlap,\n      calcMaxLabelWidth: _calcMaxLabelWidthWithTransform,\n      xMinValue: props.xMinValue,\n      xMaxValue: props.xMaxValue,\n      ...props.xAxis,\n    };\n\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let xScale: any;\n    let tickValues: number[] | Date[] | string[];\n    let tickLabels: string[];\n    switch (props.xAxisType!) {\n      case XAxisTypes.NumericAxis:\n        ({ xScale, tickValues, tickLabels } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n        break;\n      case XAxisTypes.DateAxis:\n        ({ xScale, tickValues, tickLabels } = createDateXAxis(\n          XAxisParams,\n          props.tickParams!,\n          culture,\n          dateLocalizeOptions,\n          timeFormatLocale,\n          customDateTimeFormatter,\n          props.useUTC,\n          props.chartType,\n        ));\n        break;\n      case XAxisTypes.StringAxis:\n        ({ xScale, tickValues, tickLabels } = createStringXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.datasetForXAxisDomain!,\n          culture,\n          _useRtl,\n        ));\n        break;\n      default:\n        ({ xScale, tickValues, tickLabels } = createNumericXAxis(\n          XAxisParams,\n          props.tickParams!,\n          props.chartType,\n          culture,\n          props.xScaleType,\n          _useRtl,\n        ));\n    }\n    _xScale = xScale;\n    _tickLabels = tickLabels;\n\n    if (props.xAxis?.tickLayout === 'auto') {\n      _removalValueForTextTuncate = autoLayoutXAxisLabels(\n        tickValues,\n        _tickLabels,\n        _xScale,\n        xAxisElement.current,\n        containerWidth,\n        chartContainer.current,\n      );\n    } else {\n      _transformXAxisLabels();\n    }\n\n    const YAxisParams = {\n      margins: props.getYDomainMargins ? props.getYDomainMargins(containerHeight) : margins,\n      containerWidth,\n      containerHeight: containerHeight - _removalValueForTextTuncate,\n      yAxisElement: yAxisElement.current!,\n      yAxisTickFormat: props.yAxisTickFormat!,\n      yAxisTickCount: props.yAxisTickCount!,\n      yMinValue: props.yMinValue || 0,\n      yMaxValue: props.yMaxValue || 0,\n      tickPadding: 10,\n      maxOfYVal: props.maxOfYVal,\n      yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType),\n      // please note these padding default values must be consistent in here\n      // and the parent chart(HBWA/Vertical etc..) for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      yAxisPadding: props.yAxisPadding || 0,\n      tickValues: props.yAxisTickValues,\n      ...props.yAxis,\n    };\n    /**\n     * These scales used for 2 purposes.\n     * 1. To create x and y axis\n     * 2. To draw the graph.\n     * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n     */\n    const axisData: IAxisData = { yAxisDomainValues: [], yAxisTickText: [] };\n    if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n      yScalePrimary = props.createStringYAxis(\n        YAxisParams,\n        props.stringDatasetForYAxisDomain!,\n        _useRtl,\n        axisData,\n        props.barwidth,\n        props.chartType,\n      );\n    } else {\n      // TODO: Since the scale domain values are now computed independently for both the primary and\n      // secondary y-axes, the yMinValue and yMaxValue props are no longer necessary for accurately\n      // rendering the secondary y-axis. Therefore, rather than checking the secondaryYScaleOptions\n      // prop to determine whether to create a secondary y-axis, it's more appropriate to check if any\n      // data points are assigned to use the secondary y-scale.\n      if (props?.secondaryYScaleOptions) {\n        const YAxisParamsSecondary = {\n          margins,\n          containerWidth,\n          containerHeight: containerHeight - _removalValueForTextTuncate!,\n          yAxisElement: yAxisElementSecondary.current,\n          yAxisTickFormat: props.yAxisTickFormat!,\n          yAxisTickCount: props.yAxisTickCount!,\n          yMinValue: props.secondaryYScaleOptions?.yMinValue || 0,\n          yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n          tickPadding: 10,\n          yMinMaxValues: props.getMinMaxOfYAxis(points, props.yAxisType, true),\n          yAxisPadding: props.yAxisPadding,\n        };\n\n        yScaleSecondary = props.createYAxis(\n          YAxisParamsSecondary,\n          _useRtl,\n          axisData,\n          isIntegralDataset,\n          chartType,\n          true,\n          props.roundedTicks!,\n          props.secondaryYScaleType,\n          _useRtl,\n        );\n      }\n      yScalePrimary = props.createYAxis(\n        YAxisParams,\n        _useRtl,\n        axisData,\n        isIntegralDataset,\n        chartType,\n        false,\n        props.roundedTicks!,\n        props.yScaleType,\n        _useRtl,\n      );\n    }\n    _yAxisTickText.current = axisData.yAxisTickText;\n    props.getAxisData && props.getAxisData(axisData);\n\n    // Removing previously created tooltips.\n    try {\n      // eslint-disable-next-line @nx/workspace-no-restricted-globals\n      document.getElementById(_tooltipId) && document.getElementById(_tooltipId)!.remove();\n      // eslint-disable-next-line no-empty\n    } catch (e) {}\n    // Used to display tooltip at x axis labels.\n    if (props.showXAxisLablesTooltip || props.xAxis?.tickLayout === 'auto') {\n      const _xAxisElement = xAxisElement.current ? d3Select(xAxisElement.current).call(xScale) : null;\n      const tooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _xAxisElement,\n        container: chartContainer.current,\n      };\n      _xAxisElement && tooltipOfAxislabels(tooltipProps);\n    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      // To create y axis tick values by if specified truncating the rest of the text\n      // and showing elipsis or showing the whole string,\n      yScalePrimary &&\n        createYAxisLabels(\n          yAxisElement.current!,\n          yScalePrimary,\n          props.noOfCharsToTruncate || 4,\n          props.showYAxisLablesTooltip || false,\n          _useRtl,\n        );\n\n      const _yAxisElement = yAxisElement.current ? d3Select(yAxisElement.current).call(yScalePrimary) : null;\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        axis: _yAxisElement,\n        container: chartContainer.current,\n      };\n      _yAxisElement && tooltipOfAxislabels(ytooltipProps);\n    }\n\n    // Call back to the chart.\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const _getData = (xScale: any, yScalePrimary: any, yScaleSecondary: any) => {\n      props.getGraphData &&\n        props.getGraphData(\n          xScale,\n          yScalePrimary,\n          containerHeight - _removalValueForTextTuncate!,\n          containerWidth,\n          xAxisElement.current,\n          yAxisElement.current,\n          yScaleSecondary,\n        );\n    };\n\n    // Callback function for chart, returns axis\n    _getData(xScale, yScalePrimary, yScaleSecondary);\n\n    children = props.children({\n      xScale,\n      yScalePrimary,\n      yScaleSecondary,\n      containerHeight,\n      containerWidth,\n    });\n\n    if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n      callout = _generateCallout(calloutProps);\n    }\n  }\n  const svgDimensions = {\n    width: containerWidth,\n    height: containerHeight,\n  };\n\n  const plotWidth = Math.max(0, svgDimensions.width - margins.left! - margins.right!);\n  const plotHeight = Math.max(0, svgDimensions.height - margins.top! - margins.bottom! - _removalValueForTextTuncate);\n\n  const plotRect = {\n    x: margins.left!,\n    y: margins.top!,\n    width: plotWidth,\n    height: plotHeight,\n  };\n\n  const annotations = props.annotations ?? [];\n  const hasAnnotations = annotations.length > 0;\n  const annotationContext: ChartAnnotationContext | undefined = hasAnnotations\n    ? {\n        plotRect,\n        svgRect: svgDimensions,\n        isRtl: _useRtl,\n        xScale: _xScale,\n        yScalePrimary,\n        yScaleSecondary,\n      }\n    : undefined;\n\n  const xAxisTitleMaxWidth = svgDimensions.width - margins.left! - margins.right! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleMaxHeight =\n    svgDimensions.height - margins.bottom! - margins.top! - _removalValueForTextTuncate! - AXIS_TITLE_PADDING * 2;\n  const yAxisTitleCenterY = margins.top! + AXIS_TITLE_PADDING + yAxisTitleMaxHeight / 2;\n  const yAxisTitleCenterX = _useRtl\n    ? svgDimensions.width - AXIS_TITLE_PADDING\n    : HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING;\n  const secondaryYAxisTitleCenterX = _useRtl\n    ? HORIZONTAL_MARGIN_FOR_YAXIS_TITLE - AXIS_TITLE_PADDING\n    : svgDimensions.width - AXIS_TITLE_PADDING;\n\n  const commonSvgToolTipProps: SVGTooltipTextProps = {\n    wrapContent,\n    showBackground: true,\n    className: classes.svgTooltip,\n    content: '',\n  };\n  /**\n   * When screen resizes, along with screen, chart also auto adjusted.\n   * This method used to adjust height and width of the charts.\n   */\n  function _fitParentContainer(): void {\n    //_reqID = requestAnimationFrame(() => {\n    let legendContainerHeight;\n    if (props.hideLegend) {\n      // If there is no legend, need not to allocate some space from total chart space.\n      legendContainerHeight = 0;\n    } else {\n      const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n      legendContainerHeight =\n        ((legendContainer && legendContainer.getBoundingClientRect().height) || minLegendContainerHeight) +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) || '0') +\n        parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) || '0');\n    }\n    if (props.parentRef || chartContainer.current) {\n      const container = props.parentRef ? props.parentRef : chartContainer.current!;\n      const currentContainerWidth =\n        props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n          ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n          : container.getBoundingClientRect().width;\n      const currentContainerHeight =\n        container.getBoundingClientRect().height > legendContainerHeight\n          ? container.getBoundingClientRect().height\n          : 350;\n      const shouldResize =\n        containerWidth !== currentContainerWidth || containerHeight !== currentContainerHeight - legendContainerHeight;\n      if (shouldResize) {\n        setContainerWidth(currentContainerWidth);\n        setContainerHeight(currentContainerHeight - legendContainerHeight);\n      }\n    }\n    //});\n  }\n\n  function _onChartLeave(): void {\n    props.onChartMouseLeave && props.onChartMouseLeave();\n  }\n\n  function _calculateChartMinWidth(): number {\n    // Adding 10px for padding on both sides\n    const labelWidth = _calcMaxLabelWidthWithTransform(_tickLabels) + 10;\n\n    let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickLabels.length - 1);\n\n    if (\n      [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n        props.chartType,\n      )\n    ) {\n      const minDomainMargin = 8;\n      minChartWidth += minDomainMargin * 2;\n    }\n\n    return minChartWidth;\n  }\n\n  function _getChartDescription(): string {\n    return (\n      (props.chartTitle || 'Chart. ') +\n      _getAxisTitle('X', props.xAxisTitle, props.xAxisType) +\n      _getAxisTitle('Y', props.yAxisTitle, props.yAxisType || YAxisType.NumericAxis) +\n      (props.secondaryYScaleOptions\n        ? _getAxisTitle('secondary Y', props.secondaryYAxistitle, YAxisType.NumericAxis)\n        : '')\n    );\n  }\n\n  function _getAxisTitle(axisLabel: string, axisTitle: string | undefined, axisType: XAxisTypes | YAxisType): string {\n    return (\n      `The ${axisLabel} axis displays ` +\n      (axisTitle ||\n        (axisType === XAxisTypes.StringAxis || axisType === YAxisType.StringAxis\n          ? 'categories'\n          : axisType === XAxisTypes.DateAxis || axisType === YAxisType.DateAxis\n          ? 'time'\n          : 'values')) +\n      '. '\n    );\n  }\n\n  function _calcMaxLabelWidthWithTransform(x: (string | number)[]) {\n    // Case: rotated labels\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth * Math.cos(Math.PI / 4));\n    }\n\n    // Case: truncated labels\n    if (props.showXAxisLablesTooltip) {\n      const tickLabels = x.map(val => {\n        const numChars = props.noOfCharsToTruncate || 4;\n        return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n      });\n\n      const longestLabelWidth = calculateLongestLabelWidth(tickLabels, `.${classes.xAxis} text`);\n      return Math.ceil(longestLabelWidth);\n    }\n\n    // Case: wrapped labels\n    if (props.wrapXAxisLables) {\n      // FIXME: Calculate the max width of lines instead of words. This requires applying\n      // the wrapping transformation earlier to obtain the actual rendered lines.\n      const words: string[] = [];\n      x.forEach((val: string) => {\n        words.push(...val.toString().split(/\\s+/));\n      });\n\n      // This approach works well in most cases, since overflow typically occurs only when\n      // a single word exceeds the specified width — otherwise, the text will wrap as expected.\n      const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n      return Math.max(Math.ceil(longestLabelWidth), DEFAULT_WRAP_WIDTH);\n    }\n\n    // Default case\n    const longestLabelWidth = calculateLongestLabelWidth(x, `.${classes.xAxis} text`);\n    return Math.ceil(longestLabelWidth);\n  }\n\n  function _transformXAxisLabels() {\n    _removalValueForTextTuncate = 0;\n\n    /*\n     * To enable wrapping of x axis tick values or to display complete x axis tick values,\n     * we need to calculate how much space it needed to render the text.\n     * No need to re-calculate every time the chart renders and same time need to get an update. So using setState.\n     * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n     * */\n    if (props.wrapXAxisLables || props.showXAxisLablesTooltip) {\n      let maxXAxisLabelWidth: number | undefined;\n      if (props.xAxisType === XAxisTypes.StringAxis) {\n        if ((props.datasetForXAxisDomain?.length || 0) > 1) {\n          maxXAxisLabelWidth = _xScale.step();\n        } else {\n          maxXAxisLabelWidth = containerWidth;\n        }\n      }\n\n      const wrapLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n        showXAxisLablesTooltip: props.showXAxisLablesTooltip || false,\n        noOfCharsToTruncate: props.noOfCharsToTruncate || 4,\n        width: maxXAxisLabelWidth,\n        container: chartContainer.current,\n      };\n      _removalValueForTextTuncate = createWrapOfXLabels(wrapLabelProps) ?? 0;\n    }\n\n    if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n      const rotateLabelProps = {\n        node: xAxisElement.current!,\n        xAxis: _xScale,\n      };\n      const rotatedHeight = rotateXAxisLabels(rotateLabelProps) ?? 0;\n      // margins.bottom is used as padding here\n      _removalValueForTextTuncate = rotatedHeight + margins.bottom!;\n    }\n  }\n\n  function _calcMargins(): IMargins {\n    let _margins = _getDefaultMargins();\n\n    _margins = _applyTitleMargins(_margins);\n    _margins = _applyAnnotationMargins(_margins);\n\n    if (_useRtl) {\n      _margins = _swapRtlMargins(_margins);\n    }\n\n    return {\n      ..._margins,\n      ...props.margins,\n    };\n  }\n\n  function _getDefaultMargins(): IMargins {\n    return {\n      top: DEFAULT_MARGIN_NO_TICKS,\n      // Smaller than the default because it is based on the line height rather than\n      // the length of the tick labels.\n      bottom: DEFAULT_MARGIN_WITH_TICKS - 5,\n      // For the actual margin, add the tick size, tick padding, and some extra space to\n      // the width of the longest yaxis tick label (startFromX).\n      left: Math.max(DEFAULT_MARGIN_WITH_TICKS, startFromX + 20),\n      right: props.secondaryYScaleOptions ? DEFAULT_MARGIN_WITH_TICKS : DEFAULT_MARGIN_NO_TICKS,\n    };\n  }\n\n  function _applyTitleMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n      updated.bottom! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n      updated.left! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    if (props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '') {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _applyAnnotationMargins(_margins: IMargins): IMargins {\n    const updated = { ..._margins };\n    if (props.xAxisAnnotation !== undefined && props.xAxisAnnotation !== '') {\n      updated.top! += VERTICAL_MARGIN_FOR_XAXIS_TITLE;\n    }\n    if (\n      props.yAxisAnnotation !== undefined &&\n      props.yAxisAnnotation !== '' &&\n      (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '')\n    ) {\n      updated.right! += HORIZONTAL_MARGIN_FOR_YAXIS_TITLE;\n    }\n    return updated;\n  }\n\n  function _swapRtlMargins(_margins: IMargins): IMargins {\n    return {\n      ..._margins,\n      left: _margins.right,\n      right: _margins.left,\n    };\n  }\n\n  /**\n   * We have use the {@link defaultTabbableElement } to fix\n   * the Focus not landing on chart while tabbing, instead  goes to legend.\n   * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n   * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n   * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n   * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n   * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n   * But now after the above PR : they are attaching the\n   * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n   * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n   * which creates bars of height 0 so instead we do not create any bars  and instead return empty fragments.\n   *\n   * We have tried 2 Approaches to fix the issue:\n   * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n   *    after the second render cycle which triggers an update of the tab index in FocusZone.\n   *    But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n   * 2. Using the default tabbable element to fix the issue.\n   */\n\n  return (\n    <div\n      id={idForGraph}\n      className={classes.root}\n      role={'presentation'}\n      ref={(rootElem: HTMLDivElement) => {\n        chartContainer.current = rootElem;\n      }}\n      onMouseLeave={_onChartLeave}\n    >\n      <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n        {_isFirstRender.current}\n        <svg\n          width={svgDimensions.width}\n          height={svgDimensions.height}\n          role=\"region\"\n          aria-label={_getChartDescription()}\n          style={{ display: 'block' }}\n          className={classes.chart}\n          {...getSecureProps(svgProps)}\n        >\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              xAxisElement.current = e!;\n            }}\n            id={`xAxisGElement${idForGraph}`}\n            // To add wrap of x axis lables feature, need to remove word height from svg height.\n            transform={`translate(0, ${svgDimensions.height - margins.bottom! - _removalValueForTextTuncate!})`}\n            className={classes.xAxis}\n          />\n          {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.xAxisTitle}\n              textProps={{\n                x: margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2,\n                y: svgDimensions.height - AXIS_TITLE_PADDING,\n                className: classes.axisTitle!,\n                textAnchor: 'middle',\n              }}\n              maxWidth={xAxisTitleMaxWidth}\n            />\n          )}\n          {props.xAxisAnnotation !== undefined &&\n            props.xAxisAnnotation !== '' &&\n            (() => {\n              const { titleFont, titleXAnchor, titleYAnchor, titlePad } = props.titleStyles ?? {};\n              const fontSize = typeof titleFont?.size === 'number' ? titleFont.size : 13;\n              const padL = titlePad?.l ?? 0;\n              const padR = titlePad?.r ?? 0;\n              const padT = titlePad?.t ?? 0;\n              const padB = titlePad?.b ?? 0;\n\n              const xPos =\n                (titleXAnchor === 'left'\n                  ? margins.left! + AXIS_TITLE_PADDING\n                  : titleXAnchor === 'right'\n                  ? margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth\n                  : margins.left! + AXIS_TITLE_PADDING + xAxisTitleMaxWidth / 2) +\n                padL -\n                padR;\n\n              const yPos =\n                Math.max(fontSize + AXIS_TITLE_PADDING, VERTICAL_MARGIN_FOR_XAXIS_TITLE - AXIS_TITLE_PADDING) +\n                padT -\n                padB;\n\n              const textAnchor = titleXAnchor === 'left' ? 'start' : titleXAnchor === 'right' ? 'end' : 'middle';\n\n              const dominantBaseline =\n                titleYAnchor === 'top'\n                  ? 'hanging'\n                  : titleYAnchor === 'bottom'\n                  ? 'alphabetic'\n                  : titleYAnchor === 'middle'\n                  ? 'central'\n                  : 'auto';\n\n              return (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.xAxisAnnotation}\n                  textProps={{\n                    x: xPos,\n                    y: yPos,\n                    className: classes.axisAnnotation!,\n                    textAnchor,\n                    dominantBaseline,\n                    'aria-hidden': true,\n                    style: getChartTitleInlineStyles(titleFont),\n                  }}\n                  maxWidth={xAxisTitleMaxWidth}\n                />\n              );\n            })()}\n          <g\n            ref={(e: SVGSVGElement | null) => {\n              yAxisElement.current = e!;\n            }}\n            id={`yAxisGElement${idForGraph}`}\n            transform={`translate(${_useRtl ? svgDimensions.width - margins.right! : margins.left!}, 0)`}\n            className={classes.yAxis}\n          />\n          {props.secondaryYScaleOptions && (\n            <g>\n              <g\n                ref={(e: SVGSVGElement | null) => {\n                  yAxisElementSecondary.current = e!;\n                }}\n                id={`yAxisGElementSecondary${idForGraph}`}\n                transform={`translate(${_useRtl ? margins.left! : svgDimensions.width - margins.right!}, 0)`}\n                className={classes.yAxis}\n              />\n              {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n                <SVGTooltipText\n                  {...commonSvgToolTipProps}\n                  content={props.secondaryYAxistitle}\n                  textProps={{\n                    x: secondaryYAxisTitleCenterX,\n                    y: yAxisTitleCenterY,\n                    textAnchor: 'middle',\n                    transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                    className: classes.axisTitle!,\n                  }}\n                  maxWidth={yAxisTitleMaxHeight}\n                />\n              )}\n            </g>\n          )}\n          {children}\n          {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n            <SVGTooltipText\n              {...commonSvgToolTipProps}\n              content={props.yAxisTitle}\n              textProps={{\n                x: yAxisTitleCenterX,\n                y: yAxisTitleCenterY,\n                textAnchor: 'middle',\n                transform: `rotate(-90, ${yAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                className: classes.axisTitle!,\n              }}\n              maxWidth={yAxisTitleMaxHeight}\n            />\n          )}\n          {props.yAxisAnnotation !== undefined &&\n            props.yAxisAnnotation !== '' &&\n            (props.secondaryYAxistitle === undefined || props.secondaryYAxistitle === '') && (\n              <SVGTooltipText\n                {...commonSvgToolTipProps}\n                content={props.yAxisAnnotation}\n                textProps={{\n                  x: secondaryYAxisTitleCenterX,\n                  y: yAxisTitleCenterY,\n                  textAnchor: 'middle',\n                  transform: `rotate(-90, ${secondaryYAxisTitleCenterX}, ${yAxisTitleCenterY})`,\n                  className: classes.axisAnnotation!,\n                  'aria-hidden': true,\n                }}\n                maxWidth={yAxisTitleMaxHeight}\n              />\n            )}\n        </svg>\n        {hasAnnotations && annotationContext && (\n          <ChartAnnotationLayer\n            annotations={annotations}\n            context={annotationContext}\n            className={classes.annotationLayer}\n          />\n        )}\n      </div>\n\n      {!props.hideLegend && (\n        <div\n          ref={(e: HTMLDivElement) => {\n            legendContainer = e;\n          }}\n          className={classes.legendContainer}\n        >\n          {props.legendBars}\n        </div>\n      )}\n      {/** The callout is used for narration, so keep it mounted on the DOM */}\n      {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n    </div>\n  );\n});\nCartesianChart.displayName = 'CartesianChart';\n"],"names":["React","useCartesianChartStyles","select","d3Select","createNumericXAxis","createStringXAxis","createDateXAxis","XAxisTypes","YAxisType","createWrapOfXLabels","rotateXAxisLabels","calculateLongestLabelWidth","createYAxisLabels","ChartTypes","wrapContent","useRtl","truncateString","tooltipOfAxislabels","getSecureProps","DEFAULT_WRAP_WIDTH","autoLayoutXAxisLabels","getChartTitleInlineStyles","useId","SVGTooltipText","ChartAnnotationLayer","ChartPopover","useFocusableGroup","useArrowNavigationGroup","HORIZONTAL_MARGIN_FOR_YAXIS_TITLE","VERTICAL_MARGIN_FOR_XAXIS_TITLE","AXIS_TITLE_PADDING","DEFAULT_MARGIN_WITH_TICKS","DEFAULT_MARGIN_NO_TICKS","CartesianChart","forwardRef","hideTickOverlap","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","_tickLabels","_isFirstRender","_xScale","isIntegralDataset","useMemo","points","some","point","y","_tooltipId","_removalValueForTextTuncate","_yAxisTickText","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","startFromX","setStartFromX","prevWidthRef","undefined","prevHeightRef","classes","focusAttributes","arrowAttributes","circular","axis","useEffect","_fitParentContainer","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","yAxis","cancelAnimationFrame","current","width","height","chartType","yAxisType","useImperativeHandle","componentRef","_generateCallout","calloutProps","className","formatTickLabel","str","showYAxisLablesTooltip","noOfCharsToTruncate","map","label","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","_calcMargins","getmargins","callout","yScalePrimary","yScaleSecondary","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","xAxisType","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","rotateXAxisLables","xAxis","tickLayout","calcMaxLabelWidth","_calcMaxLabelWidthWithTransform","xMinValue","xMaxValue","xScale","tickLabels","NumericAxis","tickParams","xScaleType","DateAxis","useUTC","StringAxis","datasetForXAxisDomain","_transformXAxisLabels","YAxisParams","getYDomainMargins","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisPadding","yAxisTickValues","axisData","yAxisDomainValues","yAxisTickText","createStringYAxis","stringDatasetForYAxisDomain","secondaryYScaleOptions","YAxisParamsSecondary","createYAxis","roundedTicks","secondaryYScaleType","yScaleType","getAxisData","document","getElementById","remove","e","_xAxisElement","call","tooltipProps","tooltipCls","tooltip","id","container","_yAxisElement","ytooltipProps","_getData","getGraphData","hideTooltip","isPopoverOpen","svgDimensions","plotWidth","Math","max","left","right","plotHeight","top","bottom","plotRect","x","annotations","hasAnnotations","length","annotationContext","svgRect","isRtl","xAxisTitleMaxWidth","yAxisTitleMaxHeight","yAxisTitleCenterY","yAxisTitleCenterX","secondaryYAxisTitleCenterX","commonSvgToolTipProps","showBackground","svgTooltip","content","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","currentContainerWidth","reflowProps","mode","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","includes","minDomainMargin","_getChartDescription","chartTitle","_getAxisTitle","xAxisTitle","yAxisTitle","secondaryYAxistitle","axisLabel","axisTitle","axisType","wrapXAxisLables","longestLabelWidth","ceil","cos","PI","val","numChars","toString","slice","words","forEach","push","split","maxXAxisLabelWidth","step","wrapLabelProps","node","rotateLabelProps","rotatedHeight","_margins","_getDefaultMargins","_applyTitleMargins","_applyAnnotationMargins","_swapRtlMargins","updated","xAxisAnnotation","yAxisAnnotation","div","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","style","display","chart","g","transform","textProps","textAnchor","maxWidth","titleFont","titleXAnchor","titleYAnchor","titlePad","titleStyles","fontSize","size","padL","l","padR","r","padT","t","padB","b","xPos","yPos","dominantBaseline","axisAnnotation","context","annotationLayer","legendBars","Suspense","fallback","displayName"],"mappings":"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"}

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

@@ -1 +1,2 @@
-import * as React from 'react';
+// Only used for Cartesian chart base
+export { };