@fluentui/react-charts 0.0.0-nightly-20250423-1342.1 → 0.0.0-nightly-20250423-1415.1

package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max } from 'd3-array';\nimport { select as d3Select } from 'd3-selection';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport { useHorizontalBarChartWithAxisStyles } from './useHorizontalBarChartWithAxisStyles.styles';\nimport {\n  AccessibilityProps,\n  HorizontalBarChartWithAxisDataPoint,\n  RefArrayData,\n  Margins,\n  ChartPopoverProps,\n  Chart,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  YAxisType,\n  XAxisTypes,\n  NumericAxis,\n  StringAxis,\n  getTypeOfAxis,\n  getNextColor,\n  areArraysEqual,\n  useRtl,\n  DataVizPalette,\n  getColorFromToken,\n} from '../../utilities/index';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n  HTMLDivElement,\n  HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n  const _refArray: RefArrayData[] = [];\n  const _calloutId: string = useId('callout');\n  const _isRtl: boolean = useRtl();\n  const _tooltipId: string = useId('HBCWATooltipID_');\n  const _xAxisType: XAxisTypes =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n      : XAxisTypes.NumericAxis;\n  const _yAxisType: YAxisType =\n    props.data! && props.data!.length > 0\n      ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n      : YAxisType.StringAxis;\n  const _emptyChartId: string = useId('_HBCWithAxis_empty');\n  let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n  let _barHeight: number = 0;\n  let _colors: string[] = [];\n  let _margins: Margins;\n  let _bars: JSX.Element[];\n  let _yAxisLabels: string[];\n  let _xMax: number;\n  let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  let tooltipElement: any;\n  const cartesianChartRef = React.useRef<Chart>(null);\n\n  const [color, setColor] = React.useState<string>('');\n  const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n  const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n    (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) ||\n      props.legendProps?.selectedLegend !== undefined,\n  );\n  const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n  const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n  const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n  const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n  const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n  const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n  const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n  const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n  const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n  const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps | null>(null);\n\n  React.useEffect(() => {\n    if (prevPropsRef.current) {\n      const prevProps = prevPropsRef.current;\n      if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n        setSelectedLegends(props.legendProps?.selectedLegends || []);\n      }\n    }\n    prevPropsRef.current = props;\n  }, [props]);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n    }),\n    [],\n  );\n\n  const classes = useHorizontalBarChartWithAxisStyles(props);\n  function _adjustProps(): void {\n    _points = props.data || [];\n    _barHeight = props.barHeight || 32;\n    const defaultPalette: string[] = [\n      getColorFromToken(DataVizPalette.color6),\n      getColorFromToken(DataVizPalette.color1),\n      getColorFromToken(DataVizPalette.color5),\n      getColorFromToken(DataVizPalette.color7),\n    ];\n    _colors = props.colors! || defaultPalette;\n  }\n\n  function _getMargins(margins: Margins) {\n    _margins = margins;\n  }\n\n  function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSX.Element {\n    const { useSingleColor = false } = props;\n    let selectedPointIndex = 0;\n    props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    let color: string;\n    if (useSingleColor) {\n      //if useSingle color , then check if user has given a palette or not\n      // and pick the first color from that or else from our paltette.\n      color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n    } else {\n      color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n    }\n    return (\n      <>\n        <ChartPopover\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={props.culture ?? 'en-us'}\n          clickPosition={clickPosition}\n          isPopoverOpen={isPopoverOpen}\n        />\n      </>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element | null {\n    return props ? _renderContentForOnlyBars(props) : null;\n  }\n\n  function _getCustomizedCallout() {\n    return props.onRenderCalloutPerDataPoint\n      ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n      : null;\n  }\n\n  function _getGraphData(\n    xScale: NumericAxis,\n    yScale: NumericAxis | StringAxis,\n    containerHeight: number,\n    containerWidth: number,\n    xElement?: SVGElement | null,\n    yElement?: SVGElement | null,\n  ) {\n    return (_bars =\n      _yAxisType === YAxisType.NumericAxis\n        ? _createNumericBars(containerHeight, containerWidth, xElement!, yElement!)\n        : _createStringBars(containerHeight, containerWidth, xElement!, yElement!));\n  }\n\n  function _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n    const { useSingleColor = false } = props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { colors } = props;\n        return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < _colors.length; i++) {\n      domainValues.push(increment * i * _xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n    return colorScale;\n  }\n\n  function _refCallback(element: SVGRectElement, legendTitle: string): void {\n    _refArray.push({ index: legendTitle, refElement: element });\n  }\n\n  function _onBarHover(\n    point: HorizontalBarChartWithAxisDataPoint,\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n  ): void {\n    mouseEvent.persist();\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      _calloutAnchorPoint = point;\n      setPopoverOpen(true);\n      _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n      setDataForHoverCard(point.x);\n      setSelectedLegendTitle(point.legend!);\n      setColor(props.useSingleColor || props.enableGradient ? color : point.color!);\n      // To display callout value, if no callout value given, taking given point.x value as a string.\n      setXCalloutValue(point.yAxisCalloutData! || point.y.toString());\n      setYCalloutValue(point.xAxisCalloutData || point.x.toString());\n      setDataPointCalloutProps(point);\n      setCallOutAccessibilityData(point.callOutAccessibilityData);\n    }\n  }\n\n  function _onBarLeave(): void {\n    setPopoverOpen(false);\n  }\n\n  function _handleChartMouseLeave(): void {\n    _calloutAnchorPoint = null;\n    setPopoverOpen(false);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-shadow\n  function _onBarFocus(point: HorizontalBarChartWithAxisDataPoint, refArrayIndexNumber: number, color: string): void {\n    if ((isLegendSelected === false || _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      _refArray.forEach((obj: RefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          setPopoverOpen(true);\n          setSelectedLegendTitle(point.legend!);\n          setDataForHoverCard(point.x);\n          setColor(props.useSingleColor ? color : point.color!);\n          setXCalloutValue(point.yAxisCalloutData || point.y.toString());\n          setYCalloutValue(point.xAxisCalloutData! || point.x.toString());\n          setDataPointCalloutProps(point);\n          setCallOutAccessibilityData(point.callOutAccessibilityData);\n        }\n      });\n    }\n  }\n\n  function _getScales(\n    containerHeight: number,\n    containerWidth: number,\n    isNumericScale: boolean,\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ): { xBarScale: any; yBarScale: any } {\n    if (isNumericScale) {\n      const xMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x as number)!;\n      const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const xBarScale = d3ScaleLinear()\n        .domain(_isRtl ? [xMax, 0] : [0, xMax])\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([0, yMax])\n        .range([containerHeight - _margins.bottom!, _margins.top!]);\n      return { xBarScale, yBarScale };\n    } else {\n      const xMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x as number)!;\n      // please note these padding default values must be consistent in here\n      // and CatrtesianChartBase w for more details refer example\n      // http://using-d3js.com/04_07_ordinal_scales.html\n      const yBarScale = d3ScaleBand()\n        .domain(_yAxisLabels)\n        .range([containerHeight - _margins.bottom! - _barHeight / 2, _margins.top! + _barHeight / 2])\n        .padding(props.yAxisPadding || 0);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(_isRtl ? [xMax, 0] : [0, xMax])\n        .nice()\n        .range([_margins.left!, containerWidth - _margins.right!]);\n      return { xBarScale, yBarScale };\n    }\n  }\n\n  function _createNumericBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = props;\n    const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth, true);\n    const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [..._points];\n    sortedBars.sort((a, b) => {\n      const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n      const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n      return bValue - aValue;\n    });\n\n    const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n\n      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            key={point.y}\n            x={_isRtl ? xBarScale(point.x) : _margins.left!}\n            y={yBarScale(point.y) - _barHeight / 2}\n            data-is-focusable={shouldHighlight}\n            width={\n              _isRtl\n                ? containerWidth - _margins.right! - Math.max(xBarScale(point.x), 0)\n                : Math.max(xBarScale(point.x), 0) - _margins.left!\n            }\n            height={_barHeight}\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            rx={props.roundCorners ? 3 : 0}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            aria-label={_getAriaLabel(point)}\n            role=\"img\"\n            aria-labelledby={`toolTip${_calloutId}`}\n            onMouseLeave={_onBarLeave}\n            onFocus={() => _onBarFocus(point, index, startColor)}\n            onBlur={_onBarLeave}\n            fill={startColor}\n            opacity={shouldHighlight ? 1 : 0.1}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n    return bars;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  function _tooltipOfYAxislabels(ytooltipProps: any) {\n    const { tooltipCls, yAxis, id } = ytooltipProps;\n    if (yAxis === null) {\n      return null;\n    }\n    const div = d3Select('body').append('div').attr('id', id).attr('class', tooltipCls).style('opacity', 0);\n    const aa = yAxis!.selectAll('#BaseSpan')._groups[0];\n    const baseSpanLength = aa && Object.keys(aa)!.length;\n    const originalDataArray: string[] = [];\n    for (let i = 0; i < baseSpanLength; i++) {\n      const originalData = aa[i].dataset && (Object.values(aa[i].dataset)[0] as string);\n      originalDataArray.push(originalData);\n    }\n    const tickObject = yAxis!.selectAll('.tick')._groups[0];\n    const tickObjectLength = tickObject && Object.keys(tickObject)!.length;\n    for (let i = 0; i < tickObjectLength; i++) {\n      const d1 = tickObject[i];\n      d3Select(d1)\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        .on('mouseover', (event: any, d) => {\n          if (!tooltipElement) {\n            div.style('opacity', 0.9);\n            div\n              .text(originalDataArray[i])\n              .style('left', event.pageX + 'px')\n              .style('top', event.pageY - 28 + 'px');\n          }\n        })\n        .on('mouseout', d => {\n          div.style('opacity', 0);\n        });\n    }\n  }\n\n  function _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { xBarScale, yBarScale } = _getScales(containerHeight, containerWidth, false);\n    const { useSingleColor = false } = props;\n    const bars = _points.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (isLegendHovered || isLegendSelected) {\n        shouldHighlight = _isLegendHighlighted(point.legend);\n      }\n      const barHeight: number = Math.max(yBarScale(point.y), 0);\n      if (barHeight < 1) {\n        return <React.Fragment key={point.x}> </React.Fragment>;\n      }\n      let startColor: string;\n      if (useSingleColor) {\n        //if useSingle color , then check if user has given a palette or not\n        // and pick the first color from that or else from our paltette.\n        startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n      } else {\n        startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n      }\n\n      startColor = point.color && !useSingleColor ? point.color : startColor;\n\n      return (\n        <React.Fragment key={`${index}_${point.x}`}>\n          <rect\n            transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n            key={point.x}\n            x={_isRtl ? xBarScale(point.x) : _margins.left!}\n            y={yBarScale(point.y)}\n            rx={props.roundCorners ? 3 : 0}\n            width={\n              _isRtl\n                ? containerWidth - _margins.right! - Math.max(xBarScale(point.x), 0)\n                : Math.max(xBarScale(point.x), 0) - _margins.left!\n            }\n            height={_barHeight}\n            aria-labelledby={`toolTip${_calloutId}`}\n            aria-label={_getAriaLabel(point)}\n            role=\"img\"\n            ref={(e: SVGRectElement) => {\n              _refCallback(e, point.legend!);\n            }}\n            onClick={point.onClick}\n            onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n            onMouseLeave={_onBarLeave}\n            onBlur={_onBarLeave}\n            data-is-focusable={shouldHighlight}\n            opacity={shouldHighlight ? 1 : 0.1}\n            onFocus={() => _onBarFocus(point, index, startColor)}\n            fill={startColor}\n            tabIndex={point.legend !== '' ? 0 : undefined}\n          />\n        </React.Fragment>\n      );\n    });\n\n    // Removing un wanted tooltip div from DOM, when prop not provided, for proper cleanup\n    // of unwanted DOM elements, to prevent flacky behaviour in tooltips , that might occur\n    // in creating tooltips when tooltips are enabled( as we try to recreate a tspan with _tooltipId)\n    if (!props.showYAxisLablesTooltip) {\n      try {\n        // 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    }\n    // Used to display tooltip at y axis labels.\n    if (props.showYAxisLablesTooltip) {\n      const yAxisElement = d3Select(yElement).call(yBarScale);\n      if (!tooltipElement) {\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      }\n      const ytooltipProps = {\n        tooltipCls: classes.tooltip!,\n        id: _tooltipId,\n        yAxis: yAxisElement,\n      };\n      yAxisElement && _tooltipOfYAxislabels(ytooltipProps);\n    }\n    return bars;\n  }\n\n  function _onLegendHover(customMessage: string): void {\n    if (!_isLegendSelected()) {\n      setIsLegendHovered(true);\n      setSelectedLegendTitle(customMessage);\n    }\n  }\n\n  function _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || !_isLegendSelected()) {\n      setIsLegendHovered(false);\n      setSelectedLegendTitle('');\n      setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n    }\n  }\n\n  function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSX.Element {\n    const { useSingleColor } = props;\n    const actions: Legend[] = [];\n\n    data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n      // eslint-disable-next-line @typescript-eslint/no-shadow\n      const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n      // mapping data to the format Legends component needs\n      const legend: Legend = {\n        title: point.legend!,\n        color,\n        hoverAction: () => {\n          _handleChartMouseLeave();\n          _onLegendHover(point.legend!);\n        },\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          _onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={props.enabledLegendsWrapLines}\n        overflowText={props.legendsOverflowText}\n        {...props.legendProps}\n        onChange={_onLegendSelectionChange}\n      />\n    );\n    return legends;\n  }\n\n  function _isLegendSelected(): boolean {\n    return isLegendSelected!;\n  }\n\n  /**\n   * This function checks if the given legend is highlighted or not.\n   * A legend can be highlighted in 2 ways:\n   * 1. selection: if the user clicks on it\n   * 2. hovering: if there is no selected legend and the user hovers over it\n   */\n  function _isLegendHighlighted(legend?: string) {\n    return _getHighlightedLegend().includes(legend!);\n  }\n\n  function _getHighlightedLegend() {\n    return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\n  }\n\n  function _onLegendSelectionChange(\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    selectedLegends: string[],\n    event: React.MouseEvent<HTMLButtonElement>,\n    currentLegend?: Legend,\n  ): void {\n    if (props.legendProps?.canSelectMultipleLegends) {\n      setSelectedLegends(selectedLegends);\n      setSelectedLegendTitle(currentLegend?.title!);\n    } else {\n      setSelectedLegends(selectedLegends.slice(-1));\n      setSelectedLegendTitle(currentLegend?.title!);\n    }\n    setIsLegendSelected(selectedLegends.length > 0);\n    if (props.legendProps?.onChange) {\n      props.legendProps.onChange(selectedLegends, event, currentLegend);\n    }\n  }\n\n  function _getAxisData(yAxisData: IAxisData) {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      // For HBCWA x and y Values are swapped\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue || 0);\n    }\n  }\n  function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n    const xValue = point.xAxisCalloutData || point.x;\n    const yValue = point.yAxisCalloutData || point.y;\n    return point.callOutAccessibilityData?.ariaLabel || `${xValue}. ` + `${yValue}.`;\n  }\n\n  function _getChartTitle(): string {\n    const { chartTitle, data } = props;\n    return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length || 0} bars. `;\n  }\n\n  function _isChartEmpty(): boolean {\n    return !(props.data && props.data.length > 0);\n  }\n\n  function _updatePosition(newX: number, newY: number): void {\n    const threshold = 1; // Set a threshold for movement\n    const { x, y } = clickPosition;\n\n    // Calculate the distance moved\n    const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n    // Update the position only if the distance moved is greater than the threshold\n    if (distance > threshold) {\n      setClickPosition({ x: newX, y: newY });\n      setPopoverOpen(true);\n    }\n  }\n\n  if (!_isChartEmpty()) {\n    _adjustProps();\n    const calloutProps: ChartPopoverProps = {\n      color: color,\n      legend: selectedLegendTitle,\n      XValue: xCalloutValue,\n      YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n      ...props.calloutProps,\n      ...getAccessibleDataObject(callOutAccessibilityData),\n      customCallout: {\n        customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n        customCalloutProps: props.calloutPropsPerDataPoint\n          ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n          : undefined,\n      },\n      isCartesian: true,\n      isPopoverOpen,\n      clickPosition,\n    };\n    const tickParams = {\n      tickValues: props.tickValues,\n      tickFormat: props.tickFormat,\n    };\n\n    const reversedBars = [..._points].reverse();\n    _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n    _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue || 0);\n    const legendBars: JSX.Element = _getLegendData(_points);\n    return (\n      <CartesianChart\n        {...props}\n        chartTitle={_getChartTitle()}\n        points={_points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={_xAxisType}\n        yAxisType={_yAxisType}\n        stringDatasetForYAxisDomain={_yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        barwidth={_barHeight}\n        getmargins={_getMargins}\n        getGraphData={_getGraphData}\n        getAxisData={_getAxisData}\n        onChartMouseLeave={_handleChartMouseLeave}\n        componentRef={cartesianChartRef}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line @typescript-eslint/no-shadow\n        children={(props: ChildProps) => {\n          return (\n            <>\n              <g>{_bars}</g>\n            </>\n          );\n        }}\n      />\n    );\n  } else {\n    return (\n      <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n    );\n  }\n});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["HorizontalBarChartWithAxis","React","forwardRef","props","forwardedRef","_refArray","_calloutId","useId","_isRtl","useRtl","_tooltipId","_xAxisType","data","length","getTypeOfAxis","x","XAxisTypes","NumericAxis","_yAxisType","y","YAxisType","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","tooltipElement","cartesianChartRef","useRef","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","areArraysEqual","useImperativeHandle","componentRef","chartContainer","classes","useHorizontalBarChartWithAxisStyles","_adjustProps","barHeight","defaultPalette","getColorFromToken","DataVizPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","getNextColor","createElement","Fragment","ChartPopover","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","_createNumericBars","_createStringBars","increment","_p","color16","domainValues","i","push","colorScale","d3ScaleLinear","domain","range","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","refArrayIndexNumber","obj","_getScales","isNumericScale","xMax","d3Max","yMax","xBarScale","nice","left","right","yBarScale","bottom","top","d3ScaleBand","padding","yAxisPadding","sortedBars","sort","a","b","aValue","parseFloat","bValue","bars","map","shouldHighlight","Math","max","key","startColor","rect","data-is-focusable","width","height","ref","e","rx","roundCorners","onClick","onMouseOver","event","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_tooltipOfYAxislabels","ytooltipProps","tooltipCls","yAxis","id","div","d3Select","append","attr","style","aa","selectAll","_groups","baseSpanLength","Object","keys","originalDataArray","originalData","dataset","values","tickObject","tickObjectLength","d1","on","d","text","pageX","pageY","transform","bandwidth","showYAxisLablesTooltip","document","getElementById","remove","yAxisElement","call","tooltip","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","_index","title","hoverAction","onMouseOutAction","legends","Legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","calloutProps","getAccessibleDataObject","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickValues","tickFormat","reversedBars","reverse","legendBars","CartesianChart","points","chartType","ChartTypes","xAxisType","yAxisType","stringDatasetForYAxisDomain","barwidth","getmargins","getGraphData","getAxisData","onChartMouseLeave","children","g","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.types.js

@@ -0,0 +1,7 @@
+/**
+ * Horizontal Bar Chart with Axis styles
+ * {@docCategory HorizontalBarChartWithAxis}
+ */ "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HorizontalBarChartWithAxis.types.ts"],"sourcesContent":["import { RenderFunction } from '../../utilities/index';\nimport {\n  CartesianChartProps,\n  CartesianChartStyleProps,\n  CartesianChartStyles,\n  HorizontalBarChartWithAxisDataPoint,\n} from '../../index';\n\n/**\n * Horizontal Bar Chart with Axis properties\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisProps extends CartesianChartProps {\n  /**\n   * Data to render in the chart.\n   */\n  data?: HorizontalBarChartWithAxisDataPoint[];\n\n  /**\n   * Define a custom callout renderer for a data point.\n   */\n  onRenderCalloutPerDataPoint?: RenderFunction<HorizontalBarChartWithAxisDataPoint>;\n\n  /**\n   * Width of each bar in the chart.\n   */\n  barHeight?: number;\n\n  /**\n   * Colors from which to select the color of each bar.\n   */\n  colors?: string[];\n\n  /**\n   * chart title for the chart\n   */\n  chartTitle?: string;\n\n  /**\n   * This prop makes sure that all the bars are of same color.\n   * it will take the first color from the array of colors in\n   * prop `colors` or if  `colors` prop is not given then default color is  palette.blueLight\n   * @default false\n   */\n  useSingleColor?: boolean;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: HorizontalBarChartWithAxisStyles;\n\n  /**\n   * The prop used to define the culture to localized the numbers\n   */\n  culture?: string;\n\n  /**\n   * it's padding between bar's or lines in the graph\n   */\n  yAxisPadding?: number;\n\n  /**\n   *@default false\n   *Used for to elipse y axis labes and show tooltip on x axis labels\n   */\n  showYAxisLablesTooltip?: boolean;\n\n  /**\n   *@default false\n   *Used for showing complete y axis lables   */\n  showYAxisLables?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable gradient fill color for the chart.\n   */\n  enableGradient?: boolean;\n\n  /**\n   * @default false\n   * The prop used to enable rounded corners for the bars.\n   */\n  roundCorners?: boolean;\n}\n\n/**\n * Horizontal Bar Chart with Axis style properties\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisStyleProps extends CartesianChartStyleProps {\n  /**\n   * color of the datapoint legend\n   */\n  legendColor?: string;\n}\n\n/**\n * Horizontal Bar Chart with Axis styles\n * {@docCategory HorizontalBarChartWithAxis}\n */\nexport interface HorizontalBarChartWithAxisStyles extends CartesianChartStyles {\n  /**\n   * Style for the chart label.\n   *\n   */\n  chartLabel?: string;\n\n  /**\n   * Style for the line representing the domain of the x-axis.\n   *\n   */\n  xAxisDomain?: string;\n\n  /**\n   * Style for the lines representing the ticks along the x-axis.\n   *\n   */\n  xAxisTicks?: string;\n\n  /**\n   * Style for the text labeling each tick along the x-axis.\n   *\n   */\n  xAxisText?: string;\n\n  /**\n   * Style for the line representing the domain of the y-axis.\n   *\n   */\n  yAxisDomain?: string;\n\n  /**\n   * Style for the lines representing the ticks along the y-axis.\n   *\n   */\n  yAxisTicks?: string;\n\n  /**\n   * Style for the text labeling each tick along the y-axis.\n   *\n   */\n  yAxisText?: string;\n\n  /**\n   * Style to change the opacity of bars in dataviz when we hover on a single bar or legends\n   */\n  opacityChangeOnHover: string;\n}\n"],"names":[],"rangeMappings":";;;","mappings":"AAgGA;;;CAGC"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./HorizontalBarChartWithAxis"), exports);
+_export_star._(require("./HorizontalBarChartWithAxis.types"), exports);
+_export_star._(require("../../types/index"), exports);

package/lib-commonjs/components/HorizontalBarChartWithAxis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"rangeMappings":";;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    hbcWithAxisClassNames: function() {
+        return hbcWithAxisClassNames;
+    },
+    useHorizontalBarChartWithAxisStyles: function() {
+        return useHorizontalBarChartWithAxisStyles;
+    }
+});
+const _react = require("@griffel/react");
+const hbcWithAxisClassNames = {
+    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',
+    xAxisTicks: 'fui-hbcwa__xAxisTicks',
+    tooltip: 'fui-hbcwa__tooltip',
+    chartLabel: '',
+    xAxisDomain: '',
+    xAxisText: '',
+    yAxisDomain: '',
+    yAxisTicks: '',
+    yAxisText: '',
+    root: '',
+    xAxis: '',
+    yAxis: '',
+    legendContainer: '',
+    hover: '',
+    calloutContentRoot: '',
+    calloutContentX: '',
+    calloutContentY: '',
+    descriptionMessage: '',
+    calloutDateTimeContainer: '',
+    calloutInfoContainer: '',
+    calloutBlockContainer: '',
+    calloutBlockContainertoDrawShapefalse: '',
+    calloutBlockContainertoDrawShapetrue: '',
+    calloutlegendText: '',
+    axisTitle: '',
+    chartTitle: '',
+    shapeStyles: '',
+    chartWrapper: ''
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    opacityChangeOnHover: {
+        abs64n: "f9das1l"
+    },
+    xAxisTicks: {},
+    tooltip: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        z8tnut: "f17mpqex",
+        z189sj: [
+            "f1vdfbxk",
+            "f1f5gg8d"
+        ],
+        Byoj8tv: "fdvome7",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ],
+        qhf8xq: "f1euv43f",
+        fsow6f: "f17mccla",
+        Bhzewxz: "fr6rvge",
+        De3pzq: "fxugw4r",
+        Beyfa6y: 0,
+        Bbmb7ep: 0,
+        Btl43ni: 0,
+        B7oj6ja: 0,
+        Dimara: "fq9zq91",
+        Bkecrkj: "f1aehjj5"
+    }
+}, {
+    d: [
+        ".f9das1l{opacity:0.1;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f17mpqex{padding-top:var(--spacingHorizontalS);}",
+        ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
+        ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
+        ".fdvome7{padding-bottom:var(--spacingHorizontalS);}",
+        ".f1euv43f{position:absolute;}",
+        ".f17mccla{text-align:center;}",
+        ".fr6rvge{top:var(--spacingVerticalNone);}",
+        ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
+        [
+            ".fq9zq91{border-radius:var(--borderRadiusSmall);}",
+            {
+                p: -1
+            }
+        ],
+        ".f1aehjj5{pointer-events:none;}"
+    ]
+});
+const useHorizontalBarChartWithAxisStyles = (props)=>{
+    const baseStyles = useStyles();
+    return {
+        opacityChangeOnHover: (0, _react.mergeClasses)(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),
+        xAxisTicks: (0, _react.mergeClasses)(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),
+        tooltip: (0, _react.mergeClasses)(hbcWithAxisClassNames.tooltip, baseStyles.tooltip)
+    };
+}; //# sourceMappingURL=useHorizontalBarChartWithAxisStyles.styles.js.map

package/lib-commonjs/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useHorizontalBarChartWithAxisStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const hbcWithAxisClassNames = {\n    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n    xAxisTicks: 'fui-hbcwa__xAxisTicks',\n    tooltip: 'fui-hbcwa__tooltip',\n    chartLabel: '',\n    xAxisDomain: '',\n    xAxisText: '',\n    yAxisDomain: '',\n    yAxisTicks: '',\n    yAxisText: '',\n    root: '',\n    xAxis: '',\n    yAxis: '',\n    legendContainer: '',\n    hover: '',\n    calloutContentRoot: '',\n    calloutContentX: '',\n    calloutContentY: '',\n    descriptionMessage: '',\n    calloutDateTimeContainer: '',\n    calloutInfoContainer: '',\n    calloutBlockContainer: '',\n    calloutBlockContainertoDrawShapefalse: '',\n    calloutBlockContainertoDrawShapetrue: '',\n    calloutlegendText: '',\n    axisTitle: '',\n    chartTitle: '',\n    shapeStyles: '',\n    chartWrapper: ''\n};\nconst useStyles = makeStyles({\n    opacityChangeOnHover: {\n        opacity: 0.1\n    },\n    xAxisTicks: {},\n    tooltip: {\n        ...typographyStyles.body1,\n        display: 'flex',\n        flexDirection: 'column',\n        ...shorthands.padding(tokens.spacingHorizontalS),\n        position: 'absolute',\n        textAlign: 'center',\n        top: tokens.spacingVerticalNone,\n        backgroundColor: tokens.colorNeutralBackground1,\n        borderRadius: tokens.borderRadiusSmall,\n        pointerEvents: 'none'\n    }\n});\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */ export const useHorizontalBarChartWithAxisStyles = (props)=>{\n    const baseStyles = useStyles();\n    return {\n        opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n        xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),\n        tooltip: mergeClasses(hbcWithAxisClassNames.tooltip, baseStyles.tooltip)\n    };\n};\n"],"names":["hbcWithAxisClassNames","useHorizontalBarChartWithAxisStyles","opacityChangeOnHover","xAxisTicks","tooltip","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","calloutContentRoot","calloutContentX","calloutContentY","descriptionMessage","calloutDateTimeContainer","calloutInfoContainer","calloutBlockContainer","calloutBlockContainertoDrawShapefalse","calloutBlockContainertoDrawShapetrue","calloutlegendText","axisTitle","chartTitle","shapeStyles","chartWrapper","useStyles","__styles","abs64n","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","z8tnut","z189sj","Byoj8tv","uwmqm3","qhf8xq","fsow6f","Bhzewxz","De3pzq","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bkecrkj","d","p","props","baseStyles","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,qBAAqB;eAArBA;;IAkDIC,mCAAmC;eAAnCA;;;uBApDoC;AAE9C,MAAMD,wBAAwB;IACjCE,sBAAsB;IACtBC,YAAY;IACZC,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,iBAAiB;IACjBC,iBAAiB;IACjBC,oBAAoB;IACpBC,0BAA0B;IAC1BC,sBAAsB;IACtBC,uBAAuB;IACvBC,uCAAuC;IACvCC,sCAAsC;IACtCC,mBAAmB;IACnBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;AAClB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAA7B,sBAAA;QAAA8B,QAAA;IAAA;IAAA7B,YAAA,CAAA;IAAAC,SAAA;QAAA6B,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA;AAoBP,MAAMrD,sCAAuCsD,CAAAA;IACpD,MAAMC,aAAa1B;IACnB,OAAO;QACH5B,sBAAsBuD,IAAAA,mBAAY,EAACzD,sBAAsBE,oBAAoB,EAAEsD,WAAWtD,oBAAoB;QAC9GC,YAAYsD,IAAAA,mBAAY,EAACzD,sBAAsBG,UAAU,EAAEqD,WAAWrD,UAAU;QAChFC,SAASqD,IAAAA,mBAAY,EAACzD,sBAAsBI,OAAO,EAAEoD,WAAWpD,OAAO;IAC3E;AACJ"}

package/lib-commonjs/components/Legends/Legends.js

@@ -0,0 +1,313 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Legends", {
+    enumerable: true,
+    get: function() {
+        return Legends;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactbutton = require("@fluentui/react-button");
+const _shape = require("./shape");
+const _useLegendsStylesstyles = require("./useLegendsStyles.styles");
+const _reactoverflow = require("@fluentui/react-overflow");
+const _reacttabster = require("@fluentui/react-tabster");
+const _OverflowMenu = require("./OverflowMenu");
+const _reacttheme = require("@fluentui/react-theme");
+const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
+    /** Boolean variable to check if one or more legends are selected */ let _isLegendSelected = false;
+    // set states separately for each instance of the component
+    const [activeLegend, setActiveLegend] = _react.useState('');
+    const [selectedLegends, setSelectedLegends] = _react.useState({});
+    const focusAttributes = (0, _reacttabster.useFocusableGroup)();
+    const arrowAttributes = (0, _reacttabster.useArrowNavigationGroup)({
+        axis: 'horizontal',
+        memorizeCurrent: true
+    });
+    _react.useEffect(()=>{
+        var _props_selectedLegends;
+        const initialSelectedLegends = (_props_selectedLegends = props.selectedLegends) !== null && _props_selectedLegends !== void 0 ? _props_selectedLegends : props.defaultSelectedLegends;
+        var _props_selectedLegend;
+        const initialSelectedLegend = (_props_selectedLegend = props.selectedLegend) !== null && _props_selectedLegend !== void 0 ? _props_selectedLegend : props.defaultSelectedLegend;
+        let selectedLegendsState = {};
+        if (props.canSelectMultipleLegends) {
+            var _this;
+            selectedLegendsState = ((_this = initialSelectedLegends !== null && initialSelectedLegends !== void 0 ? initialSelectedLegends : []) === null || _this === void 0 ? void 0 : _this.reduce((combineDict, key)=>({
+                    [key]: true,
+                    ...combineDict
+                }), {})) || {};
+            setSelectedLegends(selectedLegendsState);
+        } else if (initialSelectedLegend !== undefined) {
+            selectedLegendsState = {
+                [initialSelectedLegend]: true
+            };
+            setSelectedLegends(selectedLegendsState);
+        }
+    }, [
+        props.canSelectMultipleLegends,
+        props.defaultSelectedLegend,
+        props.defaultSelectedLegends,
+        props.selectedLegend,
+        props.selectedLegends
+    ]);
+    _isLegendSelected = Object.keys(selectedLegends).length > 0;
+    const dataToRender = _generateData();
+    const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;
+    const classes = (0, _useLegendsStylesstyles.useLegendStyles)(props);
+    const itemIds = dataToRender.map((_item, index)=>index.toString());
+    const overflowHoverCardLegends = [];
+    props.legends.map((legend, index)=>{
+        const hoverCardElement = _renderButton(legend, index);
+        overflowHoverCardLegends.push(hoverCardElement);
+    });
+    const overflowString = props.overflowText ? props.overflowText : 'more';
+    return props.enabledWrapLines ? renderWrappedLegends() : renderLegends();
+    function renderLegends() {
+        return /*#__PURE__*/ _react.createElement("div", {
+            ...focusAttributes,
+            ...arrowAttributes,
+            ...allowFocusOnLegends && {
+                role: 'listbox',
+                'aria-label': 'Legends',
+                'aria-multiselectable': canSelectMultipleLegends
+            },
+            className: classes.root
+        }, /*#__PURE__*/ _react.createElement(_reactoverflow.Overflow, null, /*#__PURE__*/ _react.createElement("div", {
+            className: classes.resizableArea,
+            style: {
+                textAlign: props.centerLegends ? 'center' : 'unset'
+            }
+        }, dataToRender.map((item, id)=>/*#__PURE__*/ _react.createElement(_reactoverflow.OverflowItem, {
+                key: id,
+                id: id.toString()
+            }, _renderButton(item))), /*#__PURE__*/ _react.createElement(_OverflowMenu.OverflowMenu, {
+            itemIds: itemIds,
+            title: `${overflowString}`,
+            items: overflowHoverCardLegends
+        }))));
+    }
+    function renderWrappedLegends() {
+        return /*#__PURE__*/ _react.createElement("div", {
+            ...focusAttributes,
+            ...arrowAttributes,
+            ...allowFocusOnLegends && {
+                role: 'listbox',
+                'aria-label': 'Legends',
+                'aria-multiselectable': canSelectMultipleLegends
+            },
+            style: {
+                justifyContent: props.centerLegends ? 'center' : 'unset',
+                flexWrap: 'wrap',
+                ...overflowStyles
+            },
+            className: classes.root
+        }, /*#__PURE__*/ _react.createElement("div", {
+            className: classes.resizableArea,
+            style: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                overflow: 'auto'
+            }
+        }, dataToRender.map((item, id)=>/*#__PURE__*/ _react.createElement("div", {
+                key: id,
+                style: {
+                    flex: '0 1 auto',
+                    margin: '4px'
+                }
+            }, _renderButton(item)))));
+    }
+    function _generateData() {
+        const { shape } = props;
+        const dataItems = props.legends.map((legend, index)=>{
+            return {
+                /* ...(allowFocusOnLegends && {
+            nativeButtonProps: getIntrinsicElementProps(
+              'div',
+              {
+                legend,
+                ...buttonProperties,
+              },
+              ['title'],
+            ),
+            'aria-setsize': props.legends.length,
+            'aria-posinset': index + 1,
+          }), */ title: legend.title,
+                action: legend.action,
+                hoverAction: legend.hoverAction,
+                onMouseOutAction: legend.onMouseOutAction,
+                color: legend.color,
+                shape: shape ? shape : legend.shape,
+                stripePattern: legend.stripePattern,
+                isLineLegendInBarChart: legend.isLineLegendInBarChart,
+                opacity: legend.opacity,
+                key: index
+            };
+        });
+        return dataItems;
+    }
+    /**
+     * Determine whether the component is in "controlled" mode for selections, where the selected legend(s) are
+     * determined entirely by props passed in from the parent component.
+     */ function _isInControlledMode() {
+        return props.canSelectMultipleLegends ? props.selectedLegends !== undefined : props.selectedLegend !== undefined;
+    }
+    /**
+     * Get the new selected legends based on the legend that was clicked when multi-select is enabled.
+     * @param legend The legend that was clicked
+     * @returns An object with the new selected legend(s) state data.
+     */ function _getNewSelectedLegendsForMultiselect(legend) {
+        let legendsSelected = {
+            ...selectedLegends
+        };
+        if (legendsSelected[legend.title]) {
+            // Delete entry for the deselected legend to make
+            // the number of keys equal to the number of selected legends
+            delete legendsSelected[legend.title];
+        } else {
+            legendsSelected[legend.title] = true;
+            // Clear set if all legends are selected
+            if (Object.keys(legendsSelected).length === props.legends.length) {
+                legendsSelected = {};
+            }
+        }
+        return legendsSelected;
+    }
+    /**
+     * Get the new selected legends based on the legend that was clicked when single-select is enabled.
+     * @param legend The legend that was clicked
+     * @returns An object with the new selected legend state data.
+     */ function _getNewSelectedLegendsForSingleSelect(legend) {
+        return selectedLegends[legend.title] ? {} : {
+            [legend.title]: true
+        };
+    }
+    function _onClick(legend, event) {
+        var _props_onChange, _legend_action;
+        const { canSelectMultipleLegends = false } = props;
+        const nextSelectedLegends = canSelectMultipleLegends ? _getNewSelectedLegendsForMultiselect(legend) : _getNewSelectedLegendsForSingleSelect(legend);
+        if (!_isInControlledMode()) {
+            setSelectedLegends(nextSelectedLegends);
+        }
+        (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, Object.keys(nextSelectedLegends), event, legend);
+        (_legend_action = legend.action) === null || _legend_action === void 0 ? void 0 : _legend_action.call(legend);
+    }
+    function _onHoverOverLegend(legend) {
+        if (legend.hoverAction) {
+            setActiveLegend(legend.title);
+            legend.hoverAction();
+        }
+    }
+    function _onLeave(legend) {
+        if (legend.onMouseOutAction) {
+            setActiveLegend('');
+            legend.onMouseOutAction();
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function _renderButton(data, index) {
+        const { allowFocusOnLegends = true } = props;
+        const legend = {
+            title: data.title,
+            color: data.color,
+            shape: data.shape,
+            action: data.action,
+            hoverAction: data.hoverAction,
+            onMouseOutAction: data.onMouseOutAction,
+            stripePattern: data.stripePattern,
+            isLineLegendInBarChart: data.isLineLegendInBarChart,
+            opacity: data.opacity
+        };
+        const color = _getColor(legend.title, legend.color);
+        const onClickHandler = (event)=>{
+            _onClick(legend, event);
+        };
+        const onHoverHandler = ()=>{
+            _onHoverOverLegend(legend);
+        };
+        const onMouseOut = ()=>{
+            _onLeave(legend);
+        };
+        const shape = _getShape(legend, color);
+        return /*#__PURE__*/ _react.createElement(_reactbutton.Button, {
+            ...allowFocusOnLegends && {
+                'aria-selected': !!selectedLegends[legend.title],
+                role: 'option',
+                'aria-label': `${legend.title}`,
+                'aria-setsize': data['aria-setsize'],
+                'aria-posinset': data['aria-posinset']
+            },
+            ...data.nativeButtonProps && {
+                ...data.nativeButtonProps
+            },
+            key: index,
+            className: classes.legend,
+            onClick: onClickHandler,
+            onMouseOver: onHoverHandler,
+            onMouseOut: onMouseOut,
+            onFocus: onHoverHandler,
+            onBlur: onMouseOut,
+            appearance: 'outline',
+            size: "small",
+            style: {
+                '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',
+                '--rect-backgroundColor': legend.stripePattern ? '' : color,
+                '--rect-borderColor': legend.color ? legend.color : _reacttheme.tokens.colorNeutralStroke1,
+                '--rect-content': legend.stripePattern ? `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)` : ''
+            }
+        }, shape, /*#__PURE__*/ _react.createElement("div", {
+            className: classes.text,
+            style: {
+                opacity: color === _reacttheme.tokens.colorNeutralBackground1 ? '0.67' : ''
+            }
+        }, legend.title));
+    }
+    function _getShape(legend, color) {
+        const svgParentProps = {
+            className: classes.shape
+        };
+        const svgChildProps = {
+            fill: color,
+            strokeWidth: 2,
+            stroke: legend.color
+        };
+        return /*#__PURE__*/ _react.createElement(_shape.Shape, {
+            svgProps: svgParentProps,
+            pathProps: svgChildProps,
+            shape: legend.shape,
+            classNameForNonSvg: classes.rect,
+            style: {
+                height: legend.isLineLegendInBarChart ? '4px' : '12px',
+                backgroundColor: legend.stripePattern ? '' : color,
+                borderColor: legend.color ? legend.color : _reacttheme.tokens.colorNeutralStroke1,
+                content: legend.stripePattern ? `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)` : '',
+                '--rect-content-high-contrast': `linear-gradient(to right, ${color}, ${color})`,
+                '--rect-opacity-high-contrast': color === _reacttheme.tokens.colorNeutralBackground1 ? '0.6' : ''
+            }
+        });
+    }
+    function _getColor(title, color) {
+        let legendColor = color;
+        // if one or more legends are selected
+        if (_isLegendSelected) {
+            // if the given legend (title) is one of the selected legends
+            if (selectedLegends[title]) {
+                legendColor = color;
+            } else {
+                legendColor = _reacttheme.tokens.colorNeutralBackground1;
+            }
+        } else {
+            // if the given legend is hovered
+            // or none of the legends is hovered
+            if (activeLegend === title || activeLegend === '') {
+                legendColor = color;
+            } else {
+                legendColor = _reacttheme.tokens.colorNeutralBackground1;
+            }
+        }
+        return legendColor;
+    }
+});
+Legends.displayName = 'Legends';