@fluentui/react-charts 9.3.22 → 9.3.24

package/lib-commonjs/components/CommonComponents/{CartesianChart.js.map → CartesianChart.cjs.map}

@@ -1 +1 @@
-{"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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"}
+{"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-commonjs/components/CommonComponents/{ChartPopover.js → ChartPopover.cjs}

@@ -15,10 +15,10 @@ const _reactpopover = require("@fluentui/react-popover");
 const _react1 = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
 const _reactutilities = require("@fluentui/react-utilities");
-const _index = require("../../utilities/index");
+const _index = require("../../utilities/index.cjs");
 const _chartutilities = require("@fluentui/chart-utilities");
-const _shape = require("../Legends/shape");
-const _useChartPopoverStylesstyles = require("./useChartPopoverStyles.styles");
+const _shape = require("../Legends/shape.cjs");
+const _useChartPopoverStylesstyles = require("./useChartPopoverStyles.styles.cjs");
 const ChartPopover = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     var _props_customCallout;
     const virtualElement = {

package/lib-commonjs/components/CommonComponents/{ChartPopover.js.map → ChartPopover.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/ChartPopover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { mergeClasses } from '@griffel/react';\nimport type { PositioningVirtualElement } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { useId } from '@fluentui/react-utilities';\nimport { getAccessibleDataObject, Points, pointTypes } from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { Shape } from '../Legends/shape';\nimport { usePopoverStyles_unstable } from './useChartPopoverStyles.styles';\nimport type { YValueHover } from './CartesianChart.types';\nimport type { LegendShape } from '../Legends/Legends.types';\nimport type { ChartPopoverProps } from './ChartPopover.types';\n\n/* This component is a wrapper over Popover component which implements the logic for rendering popovers for any chart\ncombining the logic for Callout and ChartHoverCard in v8 charts. */\nexport const ChartPopover: React.FunctionComponent<ChartPopoverProps> = React.forwardRef<\n  HTMLDivElement,\n  ChartPopoverProps\n>((props, forwardedRef) => {\n  const virtualElement: PositioningVirtualElement = {\n    getBoundingClientRect: () => ({\n      top: props.clickPosition!.y,\n      left: props.clickPosition!.x,\n      right: props.clickPosition!.x,\n      bottom: props.clickPosition!.y,\n      x: props.clickPosition!.x,\n      y: props.clickPosition!.y,\n      width: 0,\n      height: 0,\n    }),\n  };\n  const target =\n    typeof props.positioning === 'object' && 'target' in props.positioning\n      ? props.positioning.target !== null\n        ? props.positioning.target\n        : virtualElement\n      : virtualElement;\n  props = { ...props, ...props.customCallout?.customCalloutProps };\n  const classes = usePopoverStyles_unstable(props);\n  const legend = props.xCalloutValue ? props.xCalloutValue : props.legend;\n  const YValue = props.yCalloutValue ? props.yCalloutValue : props.YValue;\n  return (\n    <div id={useId('callout')} ref={forwardedRef} className={classes.calloutContainer}>\n      <Popover\n        positioning={{ target, autoSize: 'always', offset: 20, coverTarget: false }}\n        open={props.isPopoverOpen}\n        inline\n      >\n        <PopoverSurface>\n          {/** Given custom callout, then it will render */}\n          {props.customCallout && props.customCallout.customizedCallout && props.customCallout.customizedCallout}\n          {/** single x point its corresponding y points of all the bars/lines in chart will render in callout */}\n          {(!props.customCallout || !props.customCallout.customizedCallout) &&\n            props.isCalloutForStack &&\n            _multiValueCallout()}\n          {/** single x point its corresponding y point of single line/bar in the chart will render in callout */}\n          {(!props.customCallout || !props.customCallout.customizedCallout) && !props.isCalloutForStack && (\n            <div className={classes.calloutContentRoot}>\n              <div className={classes.calloutDateTimeContainer}>\n                <div className={classes.calloutContentX}>{props.XValue} </div>\n                {/*TO DO  if we add time for callout then will use this */}\n                {/* <div className={classNames.calloutContentX}>07:00am</div> */}\n              </div>\n              <div\n                className={classes.calloutInfoContainer}\n                style={{\n                  ...(props.ratio && {\n                    display: 'flex',\n                    alignItems: 'flex-end',\n                  }),\n                  borderInlineStart: `4px solid ${props.color}`,\n                  marginTop: '11px',\n                }}\n              >\n                <div className={classes.calloutBlockContainer}>\n                  <div className={classes.calloutlegendText}>\n                    {formatToLocaleString(legend, props.culture) as React.ReactNode}\n                  </div>\n                  <div\n                    className={classes.calloutContentY}\n                    style={{\n                      color: props.color ? props.color : tokens.colorNeutralForeground1,\n                      fontSize: tokens.fontSizeHero700,\n                    }}\n                  >\n                    {formatToLocaleString(YValue, props.culture) as React.ReactNode}\n                  </div>\n                </div>\n                {!!props.ratio && (\n                  <div className={classes.ratio}>\n                    <>\n                      <span className={classes.numerator}>\n                        {formatToLocaleString(props.ratio[0], props.culture) as React.ReactNode}\n                      </span>\n                      /\n                      <span className={classes.denominator}>\n                        {formatToLocaleString(props.ratio[1], props.culture) as React.ReactNode}\n                      </span>\n                    </>\n                  </div>\n                )}\n              </div>\n              {!!props.descriptionMessage && (\n                <div className={classes.descriptionMessage}>{props.descriptionMessage}</div>\n              )}\n            </div>\n          )}\n        </PopoverSurface>\n      </Popover>\n    </div>\n  );\n\n  function _multiValueCallout() {\n    const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(props.YValueHover) ?? false;\n    return (\n      <div className={classes.calloutContentRoot}>\n        <div\n          className={classes.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={classes.calloutContentX}\n            {...getAccessibleDataObject(props!.xAxisCalloutAccessibilityData, 'text', false)}\n          >\n            {formatToLocaleString(props!.hoverXValue, props.culture) as React.ReactNode}\n          </div>\n        </div>\n        <div style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n          {props!.YValueHover &&\n            props!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const shouldDrawBorderBottom = isLast ? false : yValue.shouldDrawBorderBottom ?? false;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!props.descriptionMessage && <div className={classes.descriptionMessage}>{props.descriptionMessage}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]): boolean | undefined {\n    return (\n      yValueHover &&\n      yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      )\n    );\n  }\n\n  function _getCalloutContent(\n    xValue: YValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const { culture } = props;\n    const yValue = formatToLocaleString(xValue.y, culture) as React.ReactNode;\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div\n            id={`${index}_${xValue.y}`}\n            className={classes.calloutBlockContainer}\n            style={{\n              ...(!toDrawShape\n                ? {\n                    borderInlineStart: `4px solid ${xValue.color}`,\n                  }\n                : {}),\n            }}\n          >\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: classes.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div\n              className={mergeClasses(\n                classes.calloutBlockContainer,\n                toDrawShape\n                  ? classes.calloutBlockContainertoDrawShapetrue\n                  : classes.calloutBlockContainertoDrawShapefalse,\n              )}\n              style={{ marginTop: xValue ? '13px' : 'unset' }}\n            >\n              <div className={classes.calloutlegendText}> {xValue.legend}</div>\n              <div className={classes.calloutContentY} style={{ direction: 'ltr', unicodeBidi: 'isolate' }}>\n                {\n                  formatToLocaleString(\n                    xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y ?? xValue.data,\n                    culture,\n                  ) as React.ReactNode\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={classes.calloutBlockContainer}>\n                <div className={classes.calloutlegendText}>\n                  {' '}\n                  {formatToLocaleString(subcountName, culture) as React.ReactNode}\n                </div>\n                <div\n                  className={classes.calloutContentY}\n                  style={{ color: props.color ? props.color : tokens.colorNeutralForeground1 }}\n                >\n                  {formatToLocaleString(subcounts[subcountName], culture) as React.ReactNode}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n});\nChartPopover.displayName = 'ChartPopover';\n"],"names":["React","Popover","PopoverSurface","mergeClasses","tokens","useId","getAccessibleDataObject","Points","pointTypes","formatToLocaleString","Shape","usePopoverStyles_unstable","ChartPopover","forwardRef","props","forwardedRef","virtualElement","getBoundingClientRect","top","clickPosition","y","left","x","right","bottom","width","height","target","positioning","customCallout","customCalloutProps","classes","legend","xCalloutValue","YValue","yCalloutValue","div","id","ref","className","calloutContainer","autoSize","offset","coverTarget","open","isPopoverOpen","inline","customizedCallout","isCalloutForStack","_multiValueCallout","calloutContentRoot","calloutDateTimeContainer","calloutContentX","XValue","calloutInfoContainer","style","ratio","display","alignItems","borderInlineStart","color","marginTop","calloutBlockContainer","calloutlegendText","culture","calloutContentY","colorNeutralForeground1","fontSize","fontSizeHero700","span","numerator","denominator","descriptionMessage","_yValueHoverSubCountsExists","yValueHoverSubCountsExists","YValueHover","marginBottom","xAxisCalloutAccessibilityData","hoverXValue","map","yValue","index","yValues","isLast","length","shouldDrawBorderBottom","callOutAccessibilityData","key","borderBottom","colorNeutralStroke2","paddingBottom","_getCalloutContent","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","svgProps","shapeStyles","pathProps","fill","shape","Object","keys","calloutBlockContainertoDrawShapetrue","calloutBlockContainertoDrawShapefalse","direction","unicodeBidi","data","subcounts","subcountName","displayName"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/ChartPopover.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { mergeClasses } from '@griffel/react';\nimport type { PositioningVirtualElement } from '@fluentui/react-positioning';\nimport { tokens } from '@fluentui/react-theme';\nimport { useId } from '@fluentui/react-utilities';\nimport { getAccessibleDataObject, Points, pointTypes } from '../../utilities/index';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { Shape } from '../Legends/shape';\nimport { usePopoverStyles_unstable } from './useChartPopoverStyles.styles';\nimport type { YValueHover } from './CartesianChart.types';\nimport type { LegendShape } from '../Legends/Legends.types';\nimport type { ChartPopoverProps } from './ChartPopover.types';\n\n/* This component is a wrapper over Popover component which implements the logic for rendering popovers for any chart\ncombining the logic for Callout and ChartHoverCard in v8 charts. */\nexport const ChartPopover: React.FunctionComponent<ChartPopoverProps> = React.forwardRef<\n  HTMLDivElement,\n  ChartPopoverProps\n>((props, forwardedRef) => {\n  const virtualElement: PositioningVirtualElement = {\n    getBoundingClientRect: () => ({\n      top: props.clickPosition!.y,\n      left: props.clickPosition!.x,\n      right: props.clickPosition!.x,\n      bottom: props.clickPosition!.y,\n      x: props.clickPosition!.x,\n      y: props.clickPosition!.y,\n      width: 0,\n      height: 0,\n    }),\n  };\n  const target =\n    typeof props.positioning === 'object' && 'target' in props.positioning\n      ? props.positioning.target !== null\n        ? props.positioning.target\n        : virtualElement\n      : virtualElement;\n  props = { ...props, ...props.customCallout?.customCalloutProps };\n  const classes = usePopoverStyles_unstable(props);\n  const legend = props.xCalloutValue ? props.xCalloutValue : props.legend;\n  const YValue = props.yCalloutValue ? props.yCalloutValue : props.YValue;\n  return (\n    <div id={useId('callout')} ref={forwardedRef} className={classes.calloutContainer}>\n      <Popover\n        positioning={{ target, autoSize: 'always', offset: 20, coverTarget: false }}\n        open={props.isPopoverOpen}\n        inline\n      >\n        <PopoverSurface>\n          {/** Given custom callout, then it will render */}\n          {props.customCallout && props.customCallout.customizedCallout && props.customCallout.customizedCallout}\n          {/** single x point its corresponding y points of all the bars/lines in chart will render in callout */}\n          {(!props.customCallout || !props.customCallout.customizedCallout) &&\n            props.isCalloutForStack &&\n            _multiValueCallout()}\n          {/** single x point its corresponding y point of single line/bar in the chart will render in callout */}\n          {(!props.customCallout || !props.customCallout.customizedCallout) && !props.isCalloutForStack && (\n            <div className={classes.calloutContentRoot}>\n              <div className={classes.calloutDateTimeContainer}>\n                <div className={classes.calloutContentX}>{props.XValue} </div>\n                {/*TO DO  if we add time for callout then will use this */}\n                {/* <div className={classNames.calloutContentX}>07:00am</div> */}\n              </div>\n              <div\n                className={classes.calloutInfoContainer}\n                style={{\n                  ...(props.ratio && {\n                    display: 'flex',\n                    alignItems: 'flex-end',\n                  }),\n                  borderInlineStart: `4px solid ${props.color}`,\n                  marginTop: '11px',\n                }}\n              >\n                <div className={classes.calloutBlockContainer}>\n                  <div className={classes.calloutlegendText}>\n                    {formatToLocaleString(legend, props.culture) as React.ReactNode}\n                  </div>\n                  <div\n                    className={classes.calloutContentY}\n                    style={{\n                      color: props.color ? props.color : tokens.colorNeutralForeground1,\n                      fontSize: tokens.fontSizeHero700,\n                    }}\n                  >\n                    {formatToLocaleString(YValue, props.culture) as React.ReactNode}\n                  </div>\n                </div>\n                {!!props.ratio && (\n                  <div className={classes.ratio}>\n                    <>\n                      <span className={classes.numerator}>\n                        {formatToLocaleString(props.ratio[0], props.culture) as React.ReactNode}\n                      </span>\n                      /\n                      <span className={classes.denominator}>\n                        {formatToLocaleString(props.ratio[1], props.culture) as React.ReactNode}\n                      </span>\n                    </>\n                  </div>\n                )}\n              </div>\n              {!!props.descriptionMessage && (\n                <div className={classes.descriptionMessage}>{props.descriptionMessage}</div>\n              )}\n            </div>\n          )}\n        </PopoverSurface>\n      </Popover>\n    </div>\n  );\n\n  function _multiValueCallout() {\n    const yValueHoverSubCountsExists: boolean = _yValueHoverSubCountsExists(props.YValueHover) ?? false;\n    return (\n      <div className={classes.calloutContentRoot}>\n        <div\n          className={classes.calloutDateTimeContainer}\n          style={yValueHoverSubCountsExists ? { marginBottom: '11px' } : {}}\n        >\n          <div\n            className={classes.calloutContentX}\n            {...getAccessibleDataObject(props!.xAxisCalloutAccessibilityData, 'text', false)}\n          >\n            {formatToLocaleString(props!.hoverXValue, props.culture) as React.ReactNode}\n          </div>\n        </div>\n        <div style={yValueHoverSubCountsExists ? { display: 'flex' } : {}}>\n          {props!.YValueHover &&\n            props!.YValueHover.map((yValue: YValueHover, index: number, yValues: YValueHover[]) => {\n              const isLast: boolean = index + 1 === yValues.length;\n              const shouldDrawBorderBottom = isLast ? false : yValue.shouldDrawBorderBottom ?? false;\n              return (\n                <div\n                  {...getAccessibleDataObject(yValue.callOutAccessibilityData, 'text', false)}\n                  key={`callout-content-${index}`}\n                  style={\n                    yValueHoverSubCountsExists\n                      ? {\n                          display: 'inline-block',\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                      : {\n                          ...(shouldDrawBorderBottom && {\n                            borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,\n                            paddingBottom: '10px',\n                          }),\n                        }\n                  }\n                >\n                  {_getCalloutContent(yValue, index, yValueHoverSubCountsExists, isLast)}\n                </div>\n              );\n            })}\n          {!!props.descriptionMessage && <div className={classes.descriptionMessage}>{props.descriptionMessage}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  function _yValueHoverSubCountsExists(yValueHover?: YValueHover[]): boolean | undefined {\n    return (\n      yValueHover &&\n      yValueHover.some(\n        (yValue: {\n          legend?: string;\n          y?: number;\n          color?: string;\n          yAxisCalloutData?: string | { [id: string]: number };\n        }) => yValue.yAxisCalloutData && typeof yValue.yAxisCalloutData !== 'string',\n      )\n    );\n  }\n\n  function _getCalloutContent(\n    xValue: YValueHover,\n    index: number,\n    yValueHoverSubCountsExists: boolean,\n    isLast: boolean,\n  ): React.ReactNode {\n    const marginStyle: React.CSSProperties = isLast ? {} : { marginRight: '16px' };\n    const toDrawShape = xValue.index !== undefined && xValue.index !== -1;\n    const { culture } = props;\n    const yValue = formatToLocaleString(xValue.y, culture) as React.ReactNode;\n    if (!xValue.yAxisCalloutData || typeof xValue.yAxisCalloutData === 'string') {\n      return (\n        <div style={yValueHoverSubCountsExists ? marginStyle : {}}>\n          {yValueHoverSubCountsExists && (\n            <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n              {xValue.legend!} ({yValue})\n            </div>\n          )}\n          <div\n            id={`${index}_${xValue.y}`}\n            className={classes.calloutBlockContainer}\n            style={{\n              ...(!toDrawShape\n                ? {\n                    borderInlineStart: `4px solid ${xValue.color}`,\n                  }\n                : {}),\n            }}\n          >\n            {toDrawShape && (\n              <Shape\n                svgProps={{\n                  className: classes.shapeStyles,\n                }}\n                pathProps={{ fill: xValue.color }}\n                shape={Points[xValue.index! % Object.keys(pointTypes).length] as LegendShape}\n              />\n            )}\n            <div\n              className={mergeClasses(\n                classes.calloutBlockContainer,\n                toDrawShape\n                  ? classes.calloutBlockContainertoDrawShapetrue\n                  : classes.calloutBlockContainertoDrawShapefalse,\n              )}\n              style={{ marginTop: xValue ? '13px' : 'unset' }}\n            >\n              <div className={classes.calloutlegendText}> {xValue.legend}</div>\n              <div className={classes.calloutContentY} style={{ direction: 'ltr', unicodeBidi: 'isolate' }}>\n                {\n                  formatToLocaleString(\n                    xValue.yAxisCalloutData ? xValue.yAxisCalloutData : xValue.y ?? xValue.data,\n                    culture,\n                  ) as React.ReactNode\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    } else {\n      const subcounts: { [id: string]: number } = xValue.yAxisCalloutData as { [id: string]: number };\n      return (\n        <div style={marginStyle}>\n          <div className=\"ms-fontWeight-semibold\" style={{ fontSize: '12pt' }}>\n            {xValue.legend!} ({yValue})\n          </div>\n          {Object.keys(subcounts).map((subcountName: string) => {\n            return (\n              <div key={subcountName} className={classes.calloutBlockContainer}>\n                <div className={classes.calloutlegendText}>\n                  {' '}\n                  {formatToLocaleString(subcountName, culture) as React.ReactNode}\n                </div>\n                <div\n                  className={classes.calloutContentY}\n                  style={{ color: props.color ? props.color : tokens.colorNeutralForeground1 }}\n                >\n                  {formatToLocaleString(subcounts[subcountName], culture) as React.ReactNode}\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      );\n    }\n  }\n});\nChartPopover.displayName = 'ChartPopover';\n"],"names":["React","Popover","PopoverSurface","mergeClasses","tokens","useId","getAccessibleDataObject","Points","pointTypes","formatToLocaleString","Shape","usePopoverStyles_unstable","ChartPopover","forwardRef","props","forwardedRef","virtualElement","getBoundingClientRect","top","clickPosition","y","left","x","right","bottom","width","height","target","positioning","customCallout","customCalloutProps","classes","legend","xCalloutValue","YValue","yCalloutValue","div","id","ref","className","calloutContainer","autoSize","offset","coverTarget","open","isPopoverOpen","inline","customizedCallout","isCalloutForStack","_multiValueCallout","calloutContentRoot","calloutDateTimeContainer","calloutContentX","XValue","calloutInfoContainer","style","ratio","display","alignItems","borderInlineStart","color","marginTop","calloutBlockContainer","calloutlegendText","culture","calloutContentY","colorNeutralForeground1","fontSize","fontSizeHero700","span","numerator","denominator","descriptionMessage","_yValueHoverSubCountsExists","yValueHoverSubCountsExists","YValueHover","marginBottom","xAxisCalloutAccessibilityData","hoverXValue","map","yValue","index","yValues","isLast","length","shouldDrawBorderBottom","callOutAccessibilityData","key","borderBottom","colorNeutralStroke2","paddingBottom","_getCalloutContent","yValueHover","some","yAxisCalloutData","xValue","marginStyle","marginRight","toDrawShape","undefined","svgProps","shapeStyles","pathProps","fill","shape","Object","keys","calloutBlockContainertoDrawShapetrue","calloutBlockContainertoDrawShapefalse","direction","unicodeBidi","data","subcounts","subcountName","displayName"],"mappings":"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"}

package/lib-commonjs/components/CommonComponents/index.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./CartesianChart.cjs"), exports);
+_export_star._(require("./CartesianChart.types.cjs"), exports);
+_export_star._(require("./ChartPopover.cjs"), exports);
+_export_star._(require("./ChartPopover.types.cjs"), exports);
+_export_star._(require("./Annotations/ChartAnnotationLayer.cjs"), exports);
+_export_star._(require("./Annotations/ChartAnnotationLayer.types.cjs"), exports);

package/lib-commonjs/components/CommonComponents/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/index.ts"],"sourcesContent":["export * from './CartesianChart';\nexport * from './CartesianChart.types';\nexport * from './ChartPopover';\nexport * from './ChartPopover.types';\nexport * from './Annotations/ChartAnnotationLayer';\nexport * from './Annotations/ChartAnnotationLayer.types';\n"],"names":[],"mappings":";;;;;uBAAc,mBAAmB;uBACnB,yBAAyB;uBACzB,iBAAiB;uBACjB,uBAAuB;uBACvB,qCAAqC;uBACrC,2CAA2C"}
+{"version":3,"sources":["../src/components/CommonComponents/index.ts"],"sourcesContent":["export * from './CartesianChart';\nexport * from './CartesianChart.types';\nexport * from './ChartPopover';\nexport * from './ChartPopover.types';\nexport * from './Annotations/ChartAnnotationLayer';\nexport * from './Annotations/ChartAnnotationLayer.types';\n"],"names":[],"mappings":";;;;;uBAAc,sBAAmB;uBACnB,4BAAyB;uBACzB,oBAAiB;uBACjB,0BAAuB;uBACvB,wCAAqC;uBACrC,8CAA2C"}

package/lib-commonjs/components/CommonComponents/{useCartesianChartStyles.styles.js → useCartesianChartStyles.styles.cjs}

@@ -18,7 +18,7 @@ _export(exports, {
     }
 });
 const _react = require("@griffel/react");
-const _utilities = require("../../utilities/utilities");
+const _utilities = require("../../utilities/utilities.cjs");
 const cartesianchartClassNames = {
     root: 'fui-cart__root',
     chartWrapper: 'fui-cart__chartWrapper',

package/lib-commonjs/components/CommonComponents/useCartesianChartStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useCartesianChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\nimport { CARTESIAN_XAXIS_CLASSNAME, HighContrastSelector, useRtl } from \"../../utilities/utilities.js\";\nimport { getAxisTitleStyle, getTooltipStyle } from \"../../utilities/index.js\";\n/**\n * @internal\n */ export const cartesianchartClassNames = {\n    root: 'fui-cart__root',\n    chartWrapper: 'fui-cart__chartWrapper',\n    plotContainer: 'fui-cart__plotContainer',\n    axisTitle: 'fui-cart__axisTitle',\n    xAxis: CARTESIAN_XAXIS_CLASSNAME,\n    yAxis: 'fui-cart__yAxis',\n    opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n    legendContainer: 'fui-cart__legendContainer',\n    svgTooltip: 'fui-cart_svgTooltip',\n    shapeStyles: 'fui-cart__shapeStyles',\n    descriptionMessage: 'fui-cart__descriptionMessage',\n    hover: 'fui-cart__hover',\n    tooltip: 'fui-cart__tooltip',\n    axisAnnotation: 'fui-cart__axisAnnotation',\n    chartTitle: 'fui-cart__chartTitle',\n    chart: 'fui-cart__chart',\n    annotationLayer: 'fui-cart__annotationLayer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    root: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        width: '100%',\n        height: '100%',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        textAlign: 'left',\n        position: 'relative'\n    },\n    chartWrapper: {\n        position: 'relative'\n    },\n    chartWrapperMinWidth: {\n        overflow: 'auto'\n    },\n    plotContainer: {\n        position: 'relative',\n        width: '100%',\n        height: '100%'\n    },\n    axisTitle: getAxisTitleStyle(),\n    axisAnnotation: getAxisTitleStyle(),\n    xAxis: {\n        '& text': {\n            fill: tokens.colorNeutralForeground1,\n            ...typographyStyles.caption2Strong,\n            forcedColorAdjust: 'auto'\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            width: '1px',\n            forcedColorAdjust: 'auto'\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    yAxis: {\n        '& text': {\n            ...typographyStyles.caption2Strong,\n            fill: tokens.colorNeutralForeground1,\n            forcedColorAdjust: 'auto'\n        },\n        '& line': {\n            opacity: 0.2,\n            stroke: tokens.colorNeutralForeground1,\n            forcedColorAdjust: 'auto'\n        },\n        '& path': {\n            display: 'none'\n        }\n    },\n    rtl: {\n        '& g': {\n            textAnchor: 'end'\n        }\n    },\n    ltr: {},\n    opacityChangeOnHover: {\n        opacity: '0.1',\n        cursor: 'default'\n    },\n    legendContainer: {\n        marginTop: tokens.spacingVerticalS,\n        marginLeft: tokens.spacingHorizontalXL\n    },\n    svgTooltip: {\n        fill: tokens.colorNeutralBackground1,\n        [HighContrastSelector]: {\n            fill: 'Canvas'\n        }\n    },\n    annotationLayer: {\n        pointerEvents: 'none'\n    },\n    tooltip: getTooltipStyle()\n});\n/**\n *\n * Apply styling to the Carousel slots based on the state\n */ export const useCartesianChartStyles = (props)=>{\n    var _props_styles, _props_reflowProps, _props_styles1, _props_styles2, _props_styles3;\n    const _useRtl = useRtl();\n    const baseStyles = useStyles();\n    return {\n        root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n        chartWrapper: mergeClasses(cartesianchartClassNames.chartWrapper, baseStyles.chartWrapper, ((_props_reflowProps = props.reflowProps) === null || _props_reflowProps === void 0 ? void 0 : _props_reflowProps.mode) === 'min-width' ? baseStyles.chartWrapperMinWidth : undefined, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n        plotContainer: mergeClasses(cartesianchartClassNames.plotContainer, baseStyles.plotContainer /*props.styles?.plotContainer*/ ),\n        axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/ ),\n        xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/ ),\n        yAxis: mergeClasses(cartesianchartClassNames.yAxis, baseStyles.yAxis, _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/ ),\n        opacityChangeOnHover: mergeClasses(cartesianchartClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/ ),\n        legendContainer: mergeClasses(cartesianchartClassNames.legendContainer, baseStyles.legendContainer /*props.styles?.legendContainer*/ ),\n        svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.svgTooltip),\n        annotationLayer: mergeClasses(cartesianchartClassNames.annotationLayer, baseStyles.annotationLayer /*props.styles?.annotationLayer*/ ),\n        tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/ ),\n        axisAnnotation: mergeClasses(cartesianchartClassNames.axisAnnotation, baseStyles.axisAnnotation),\n        chart: mergeClasses(cartesianchartClassNames.chart, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.chart)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","CARTESIAN_XAXIS_CLASSNAME","HighContrastSelector","useRtl","getAxisTitleStyle","getTooltipStyle","cartesianchartClassNames","root","chartWrapper","plotContainer","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","axisAnnotation","chartTitle","chart","annotationLayer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","a9b677","Bqenvij","Beiy3e4","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","qhf8xq","chartWrapperMinWidth","B80ckks","sj55zd","Bkfmm31","Bxms50k","Bifops1","lr70ht","D01gh","vxuu72","lclgl4","zp1vxd","jxu3ei","B3i31d3","Bhcy8il","z3m6do","se2xxg","rtl","Bkw34lo","ltr","abs64n","Bceei9c","B6of3ja","Frg6f3","Bkecrkj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","m","useCartesianChartStyles","props","_props_styles","_props_reflowProps","_props_styles1","_props_styles2","_props_styles3","_useRtl","baseStyles","styles","reflowProps","mode","undefined"],"mappings":"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"}

package/lib-commonjs/components/CommonComponents/{useCartesianChartStyles.styles.raw.js → useCartesianChartStyles.styles.raw.cjs}

@@ -19,8 +19,8 @@ _export(exports, {
 });
 const _react = require("@griffel/react");
 const _reacttheme = require("@fluentui/react-theme");
-const _utilities = require("../../utilities/utilities");
-const _index = require("../../utilities/index");
+const _utilities = require("../../utilities/utilities.cjs");
+const _index = require("../../utilities/index.cjs");
 const cartesianchartClassNames = {
     root: 'fui-cart__root',
     chartWrapper: 'fui-cart__chartWrapper',

package/lib-commonjs/components/CommonComponents/{useCartesianChartStyles.styles.raw.js.map → useCartesianChartStyles.styles.raw.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/CommonComponents/useCartesianChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CartesianChartProps, CartesianChartStyles } from './CartesianChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { CARTESIAN_XAXIS_CLASSNAME, HighContrastSelector, useRtl } from '../../utilities/utilities';\nimport { getAxisTitleStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const cartesianchartClassNames: SlotClassNames<CartesianChartStyles> = {\n  root: 'fui-cart__root',\n  chartWrapper: 'fui-cart__chartWrapper',\n  plotContainer: 'fui-cart__plotContainer',\n  axisTitle: 'fui-cart__axisTitle',\n  xAxis: CARTESIAN_XAXIS_CLASSNAME,\n  yAxis: 'fui-cart__yAxis',\n  opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n  legendContainer: 'fui-cart__legendContainer',\n  svgTooltip: 'fui-cart_svgTooltip',\n  shapeStyles: 'fui-cart__shapeStyles',\n  descriptionMessage: 'fui-cart__descriptionMessage',\n  hover: 'fui-cart__hover',\n  tooltip: 'fui-cart__tooltip',\n  axisAnnotation: 'fui-cart__axisAnnotation',\n  chartTitle: 'fui-cart__chartTitle',\n  chart: 'fui-cart__chart',\n  annotationLayer: 'fui-cart__annotationLayer',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    textAlign: 'left',\n    position: 'relative',\n  },\n  chartWrapper: {\n    position: 'relative',\n  },\n  chartWrapperMinWidth: {\n    overflow: 'auto',\n  },\n  plotContainer: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  },\n  axisTitle: getAxisTitleStyle() as GriffelStyle,\n  axisAnnotation: getAxisTitleStyle() as GriffelStyle,\n  xAxis: {\n    '& text': {\n      fill: tokens.colorNeutralForeground1,\n      ...typographyStyles.caption2Strong,\n      forcedColorAdjust: 'auto',\n    },\n    '& line': {\n      opacity: 0.2,\n      stroke: tokens.colorNeutralForeground1,\n      width: '1px',\n      forcedColorAdjust: 'auto',\n    },\n    '& path': {\n      display: 'none',\n    },\n  },\n  yAxis: {\n    '& text': {\n      ...typographyStyles.caption2Strong,\n      fill: tokens.colorNeutralForeground1,\n      forcedColorAdjust: 'auto',\n    },\n    '& line': {\n      opacity: 0.2,\n      stroke: tokens.colorNeutralForeground1,\n      forcedColorAdjust: 'auto',\n    },\n    '& path': {\n      display: 'none',\n    },\n  },\n  rtl: {\n    '& g': {\n      textAnchor: 'end',\n    },\n  },\n  ltr: {},\n  opacityChangeOnHover: {\n    opacity: '0.1', //supports custom opacity ??\n    cursor: 'default', //supports custom cursor ??\n  },\n  legendContainer: {\n    marginTop: tokens.spacingVerticalS,\n    marginLeft: tokens.spacingHorizontalXL,\n  },\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  annotationLayer: {\n    pointerEvents: 'none',\n  },\n  tooltip: getTooltipStyle() as GriffelStyle,\n});\n/**\n *\n * Apply styling to the Carousel slots based on the state\n */\nexport const useCartesianChartStyles = (props: CartesianChartProps): CartesianChartStyles => {\n  const _useRtl = useRtl();\n  const baseStyles = useStyles();\n  return {\n    root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, props.styles?.root),\n    chartWrapper: mergeClasses(\n      cartesianchartClassNames.chartWrapper,\n      baseStyles.chartWrapper,\n      props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapperMinWidth : undefined,\n      props.styles?.chartWrapper,\n    ),\n    plotContainer: mergeClasses(\n      cartesianchartClassNames.plotContainer,\n      baseStyles.plotContainer /*props.styles?.plotContainer*/,\n    ),\n    axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/),\n    xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/),\n    yAxis: mergeClasses(\n      cartesianchartClassNames.yAxis,\n      baseStyles.yAxis,\n      _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/,\n    ),\n    opacityChangeOnHover: mergeClasses(\n      cartesianchartClassNames.opacityChangeOnHover,\n      baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/,\n    ),\n    legendContainer: mergeClasses(\n      cartesianchartClassNames.legendContainer,\n      baseStyles.legendContainer /*props.styles?.legendContainer*/,\n    ),\n    svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n    annotationLayer: mergeClasses(\n      cartesianchartClassNames.annotationLayer,\n      baseStyles.annotationLayer /*props.styles?.annotationLayer*/,\n    ),\n    tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    axisAnnotation: mergeClasses(\n      cartesianchartClassNames.axisAnnotation,\n      baseStyles.axisAnnotation,\n      /*props.styles?.axisAnnotation,*/\n    ),\n    chart: mergeClasses(cartesianchartClassNames.chart, props.styles?.chart),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","CARTESIAN_XAXIS_CLASSNAME","HighContrastSelector","useRtl","getAxisTitleStyle","getTooltipStyle","cartesianchartClassNames","root","chartWrapper","plotContainer","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","axisAnnotation","chartTitle","chart","annotationLayer","useStyles","body1","display","width","height","flexDirection","overflow","textAlign","position","chartWrapperMinWidth","fill","colorNeutralForeground1","caption2Strong","forcedColorAdjust","opacity","stroke","rtl","textAnchor","ltr","cursor","marginTop","spacingVerticalS","marginLeft","spacingHorizontalXL","colorNeutralBackground1","pointerEvents","useCartesianChartStyles","props","_useRtl","baseStyles","styles","reflowProps","mode","undefined"],"mappings":"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"}
+{"version":3,"sources":["../src/components/CommonComponents/useCartesianChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { GriffelStyle } from '@griffel/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { CartesianChartProps, CartesianChartStyles } from './CartesianChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities/src/index';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { CARTESIAN_XAXIS_CLASSNAME, HighContrastSelector, useRtl } from '../../utilities/utilities';\nimport { getAxisTitleStyle, getTooltipStyle } from '../../utilities/index';\n\n/**\n * @internal\n */\nexport const cartesianchartClassNames: SlotClassNames<CartesianChartStyles> = {\n  root: 'fui-cart__root',\n  chartWrapper: 'fui-cart__chartWrapper',\n  plotContainer: 'fui-cart__plotContainer',\n  axisTitle: 'fui-cart__axisTitle',\n  xAxis: CARTESIAN_XAXIS_CLASSNAME,\n  yAxis: 'fui-cart__yAxis',\n  opacityChangeOnHover: 'fui-cart__opacityChangeOnHover',\n  legendContainer: 'fui-cart__legendContainer',\n  svgTooltip: 'fui-cart_svgTooltip',\n  shapeStyles: 'fui-cart__shapeStyles',\n  descriptionMessage: 'fui-cart__descriptionMessage',\n  hover: 'fui-cart__hover',\n  tooltip: 'fui-cart__tooltip',\n  axisAnnotation: 'fui-cart__axisAnnotation',\n  chartTitle: 'fui-cart__chartTitle',\n  chart: 'fui-cart__chart',\n  annotationLayer: 'fui-cart__annotationLayer',\n};\n\n/**\n * Base Styles\n */\nconst useStyles = makeStyles({\n  root: {\n    ...typographyStyles.body1,\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    textAlign: 'left',\n    position: 'relative',\n  },\n  chartWrapper: {\n    position: 'relative',\n  },\n  chartWrapperMinWidth: {\n    overflow: 'auto',\n  },\n  plotContainer: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n  },\n  axisTitle: getAxisTitleStyle() as GriffelStyle,\n  axisAnnotation: getAxisTitleStyle() as GriffelStyle,\n  xAxis: {\n    '& text': {\n      fill: tokens.colorNeutralForeground1,\n      ...typographyStyles.caption2Strong,\n      forcedColorAdjust: 'auto',\n    },\n    '& line': {\n      opacity: 0.2,\n      stroke: tokens.colorNeutralForeground1,\n      width: '1px',\n      forcedColorAdjust: 'auto',\n    },\n    '& path': {\n      display: 'none',\n    },\n  },\n  yAxis: {\n    '& text': {\n      ...typographyStyles.caption2Strong,\n      fill: tokens.colorNeutralForeground1,\n      forcedColorAdjust: 'auto',\n    },\n    '& line': {\n      opacity: 0.2,\n      stroke: tokens.colorNeutralForeground1,\n      forcedColorAdjust: 'auto',\n    },\n    '& path': {\n      display: 'none',\n    },\n  },\n  rtl: {\n    '& g': {\n      textAnchor: 'end',\n    },\n  },\n  ltr: {},\n  opacityChangeOnHover: {\n    opacity: '0.1', //supports custom opacity ??\n    cursor: 'default', //supports custom cursor ??\n  },\n  legendContainer: {\n    marginTop: tokens.spacingVerticalS,\n    marginLeft: tokens.spacingHorizontalXL,\n  },\n  svgTooltip: {\n    fill: tokens.colorNeutralBackground1,\n    [HighContrastSelector]: {\n      fill: 'Canvas',\n    },\n  },\n  annotationLayer: {\n    pointerEvents: 'none',\n  },\n  tooltip: getTooltipStyle() as GriffelStyle,\n});\n/**\n *\n * Apply styling to the Carousel slots based on the state\n */\nexport const useCartesianChartStyles = (props: CartesianChartProps): CartesianChartStyles => {\n  const _useRtl = useRtl();\n  const baseStyles = useStyles();\n  return {\n    root: mergeClasses(cartesianchartClassNames.root, baseStyles.root, props.styles?.root),\n    chartWrapper: mergeClasses(\n      cartesianchartClassNames.chartWrapper,\n      baseStyles.chartWrapper,\n      props.reflowProps?.mode === 'min-width' ? baseStyles.chartWrapperMinWidth : undefined,\n      props.styles?.chartWrapper,\n    ),\n    plotContainer: mergeClasses(\n      cartesianchartClassNames.plotContainer,\n      baseStyles.plotContainer /*props.styles?.plotContainer*/,\n    ),\n    axisTitle: mergeClasses(cartesianchartClassNames.axisTitle, baseStyles.axisTitle /*props.styles?.axisTitle*/),\n    xAxis: mergeClasses(cartesianchartClassNames.xAxis, baseStyles.xAxis /*props.styles?.xAxis*/),\n    yAxis: mergeClasses(\n      cartesianchartClassNames.yAxis,\n      baseStyles.yAxis,\n      _useRtl ? baseStyles.rtl : baseStyles.ltr /*props.styles?.yAxis*/,\n    ),\n    opacityChangeOnHover: mergeClasses(\n      cartesianchartClassNames.opacityChangeOnHover,\n      baseStyles.opacityChangeOnHover /*props.styles?.opacityChangeOnHover*/,\n    ),\n    legendContainer: mergeClasses(\n      cartesianchartClassNames.legendContainer,\n      baseStyles.legendContainer /*props.styles?.legendContainer*/,\n    ),\n    svgTooltip: mergeClasses(cartesianchartClassNames.svgTooltip, baseStyles.svgTooltip, props.styles?.svgTooltip),\n    annotationLayer: mergeClasses(\n      cartesianchartClassNames.annotationLayer,\n      baseStyles.annotationLayer /*props.styles?.annotationLayer*/,\n    ),\n    tooltip: mergeClasses(cartesianchartClassNames.tooltip, baseStyles.tooltip /*props.styles?.tooltip*/),\n    axisAnnotation: mergeClasses(\n      cartesianchartClassNames.axisAnnotation,\n      baseStyles.axisAnnotation,\n      /*props.styles?.axisAnnotation,*/\n    ),\n    chart: mergeClasses(cartesianchartClassNames.chart, props.styles?.chart),\n  };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","CARTESIAN_XAXIS_CLASSNAME","HighContrastSelector","useRtl","getAxisTitleStyle","getTooltipStyle","cartesianchartClassNames","root","chartWrapper","plotContainer","axisTitle","xAxis","yAxis","opacityChangeOnHover","legendContainer","svgTooltip","shapeStyles","descriptionMessage","hover","tooltip","axisAnnotation","chartTitle","chart","annotationLayer","useStyles","body1","display","width","height","flexDirection","overflow","textAlign","position","chartWrapperMinWidth","fill","colorNeutralForeground1","caption2Strong","forcedColorAdjust","opacity","stroke","rtl","textAnchor","ltr","cursor","marginTop","spacingVerticalS","marginLeft","spacingHorizontalXL","colorNeutralBackground1","pointerEvents","useCartesianChartStyles","props","_useRtl","baseStyles","styles","reflowProps","mode","undefined"],"mappings":"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"}

package/lib-commonjs/components/CommonComponents/useChartPopoverStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useChartPopoverStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens, typographyStyles } from \"@fluentui/react-theme\";\n/**\n * @internal\n */ export const popoverClassNames = {\n    calloutContentRoot: 'fui-cart__calloutContentRoot',\n    calloutDateTimeContainer: 'fui-cart__calloutDateTimeContainer',\n    calloutContentX: 'fui-cart__calloutContentX',\n    calloutBlockContainer: 'fui-cart__calloutBlockContainer',\n    calloutBlockContainertoDrawShapefalse: 'fui-cart__calloutBlockContainertoDrawShapefalse',\n    calloutBlockContainertoDrawShapetrue: 'fui-cart__calloutBlockContainertoDrawShapetrue',\n    shapeStyles: 'fui-cart__shapeStyles',\n    calloutlegendText: 'fui-cart__calloutlegendText',\n    calloutContentY: 'fui-cart__calloutContentY',\n    descriptionMessage: 'fui-cart__descriptionMessage',\n    ratio: 'fui-cart__ratio',\n    numerator: 'fui-cart__numerator',\n    denominator: 'fui-cart__denominator',\n    calloutInfoContainer: 'fui-cart__calloutInfoContainer',\n    calloutContainer: 'fui-cart__calloutContainer'\n};\n/**\n * Base Styles\n */ const useStyles = makeStyles({\n    calloutContentRoot: {\n        display: 'grid',\n        overflow: 'hidden',\n        backgroundColor: tokens.colorNeutralBackground1,\n        backgroundBlendMode: 'normal, luminosity'\n    },\n    calloutDateTimeContainer: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'space-between'\n    },\n    calloutContentX: {\n        ...typographyStyles.caption1,\n        opacity: '0.8',\n        color: tokens.colorNeutralForeground2\n    },\n    calloutBlockContainer: {\n        color: tokens.colorNeutralForeground2,\n        textAlign: 'left'\n    },\n    calloutBlockContainerCartesian: {\n        ...typographyStyles.caption1,\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainerNonCartesian: {\n        fontSize: tokens.fontSizeHero700,\n        lineHeight: '22px',\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainertoDrawShapefalse: {\n        paddingLeft: tokens.spacingHorizontalS,\n        forcedColorAdjust: 'none'\n    },\n    calloutBlockContainertoDrawShapetrue: {\n        display: 'inline-grid'\n    },\n    shapeStyles: {\n        marginRight: tokens.spacingHorizontalS\n    },\n    calloutLegendText: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        forcedColorAdjust: 'auto',\n        marginBottom: tokens.spacingVerticalXS\n    },\n    calloutContentY: {\n        forcedColorAdjust: 'auto'\n    },\n    calloutContentYCartesian: {\n        ...typographyStyles.subtitle2Stronger\n    },\n    calloutContentYNonCartesian: {\n        ...typographyStyles.title2\n    },\n    descriptionMessage: {\n        ...typographyStyles.caption1,\n        color: tokens.colorNeutralForeground2,\n        marginTop: tokens.spacingVerticalMNudge,\n        paddingTop: tokens.spacingVerticalMNudge,\n        borderTop: `1px solid ${tokens.colorNeutralStroke2}`\n    },\n    ratio: {\n        ...typographyStyles.caption2,\n        marginLeft: tokens.spacingHorizontalSNudge,\n        color: tokens.colorNeutralForeground1\n    },\n    numerator: {\n        ...typographyStyles.caption2Strong\n    },\n    denominator: {\n        ...typographyStyles.caption2Strong\n    },\n    calloutInfoContainer: {\n        paddingLeft: tokens.spacingHorizontalS,\n        forcedColorAdjust: 'none'\n    },\n    calloutContainer: {}\n});\n/**\n * Apply styling to the Carousel slots based on the state\n */ export const usePopoverStyles_unstable = (props)=>{\n    var _props_styles;\n    const { isCartesian } = props;\n    const baseStyles = useStyles();\n    return {\n        calloutContentRoot: mergeClasses(popoverClassNames.calloutContentRoot, baseStyles.calloutContentRoot, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.calloutContentRoot),\n        calloutDateTimeContainer: mergeClasses(popoverClassNames.calloutDateTimeContainer, baseStyles.calloutDateTimeContainer /*props.styles?.calloutDateTimeContainer*/ ),\n        calloutContentX: mergeClasses(popoverClassNames.calloutContentX, baseStyles.calloutContentX /*props.styles?.calloutContentX*/ ),\n        calloutBlockContainer: mergeClasses(popoverClassNames.calloutBlockContainer, baseStyles.calloutBlockContainer /*props.styles?.calloutBlockContainerCartesian*/ , isCartesian ? baseStyles.calloutBlockContainerCartesian : baseStyles.calloutBlockContainerNonCartesian),\n        calloutBlockContainertoDrawShapefalse: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapefalse, baseStyles.calloutBlockContainertoDrawShapefalse /*props.styles?.calloutBlockContainertoDrawShapefalse*/ ),\n        calloutBlockContainertoDrawShapetrue: mergeClasses(popoverClassNames.calloutBlockContainertoDrawShapetrue, baseStyles.calloutBlockContainertoDrawShapetrue /*props.styles?.calloutBlockContainertoDrawShapetrue*/ ),\n        shapeStyles: mergeClasses(popoverClassNames.shapeStyles, baseStyles.shapeStyles /*props.styles?.shapeStyles*/ ),\n        calloutlegendText: mergeClasses(popoverClassNames.calloutlegendText, baseStyles.calloutLegendText /*props.styles?.calloutlegendText*/ ),\n        calloutContentY: mergeClasses(popoverClassNames.calloutContentY, baseStyles.calloutContentY /*props.styles?.calloutContentYNonCartesian*/ , isCartesian ? baseStyles.calloutContentYCartesian : baseStyles.calloutContentYNonCartesian),\n        descriptionMessage: mergeClasses(popoverClassNames.descriptionMessage, baseStyles.descriptionMessage /*props.styles?. descriptionMessage*/ ),\n        ratio: mergeClasses(popoverClassNames.ratio, baseStyles.ratio /*props.styles?.ratio*/ ),\n        numerator: mergeClasses(popoverClassNames.numerator, baseStyles.numerator /*props.styles?.numerator*/ ),\n        denominator: mergeClasses(popoverClassNames.denominator, baseStyles.denominator /*props.styles?.denominator*/ ),\n        calloutInfoContainer: mergeClasses(popoverClassNames.calloutInfoContainer, baseStyles.calloutInfoContainer),\n        calloutContainer: mergeClasses(popoverClassNames.calloutContainer, baseStyles.calloutContainer)\n    };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","popoverClassNames","calloutContentRoot","calloutDateTimeContainer","calloutContentX","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","shapeStyles","calloutlegendText","calloutContentY","descriptionMessage","ratio","numerator","denominator","calloutInfoContainer","calloutContainer","useStyles","mc9l5x","B68tc82","Bmxbyg5","Bpg54ce","De3pzq","jy2i9i","Beiy3e4","Brf1p80","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","abs64n","sj55zd","fsow6f","calloutBlockContainerCartesian","Bvjb7m6","calloutBlockContainerNonCartesian","uwmqm3","t21cq0","calloutLegendText","jrapky","calloutContentYCartesian","calloutContentYNonCartesian","B6of3ja","z8tnut","g2u3we","icvyot","B4j52fo","i8vvqc","Frg6f3","d","p","usePopoverStyles_unstable","props","_props_styles","isCartesian","baseStyles","styles"],"mappings":"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"}