@fluentui/react-charting 5.16.36 → 5.16.38

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBarChartWithAxis.base.js","sourceRoot":"../src/","sources":["components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { max as d3Max } from 'd3-array';\nimport { select as d3Select, event as d3Event } from 'd3-selection';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';\nimport { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';\nimport { DirectionalHint } from '@fluentui/react/lib/Callout';\nimport {\n  IAccessibilityProps,\n  CartesianChart,\n  ChartHoverCard,\n  IBasestate,\n  IMargins,\n  ILegend,\n  IRefArrayData,\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisStyleProps,\n  IHorizontalBarChartWithAxisStyles,\n  IHorizontalBarChartWithAxisDataPoint,\n  Legends,\n  IChildProps,\n  IYValueHover,\n} from '../../index';\nimport { FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  YAxisType,\n  XAxisTypes,\n  NumericAxis,\n  StringAxis,\n  getTypeOfAxis,\n  getNextColor,\n} from '../../utilities/index';\n\nconst getClassNames = classNamesFunction<IHorizontalBarChartWithAxisStyleProps, IHorizontalBarChartWithAxisStyles>();\nexport interface IHorizontalBarChartWithAxisState extends IBasestate {\n  selectedLegendTitle: string;\n  dataPointCalloutProps?: IHorizontalBarChartWithAxisDataPoint; // define this in hover and focus\n  /**\n   * data point of x, where rectangle is hovered or focused\n   */\n  activeXdataPoint: number | null;\n  YValueHover: IYValueHover[];\n  hoverXValue?: string | number | null;\n  callOutAccessibilityData?: IAccessibilityProps;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  tooltipElement?: any;\n}\n\ntype ColorScale = (_p?: number) => string;\n\nexport class HorizontalBarChartWithAxisBase extends React.Component<\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisState\n> {\n  private _points: IHorizontalBarChartWithAxisDataPoint[];\n  private _barHeight: number;\n  private _colors: string[];\n  private _classNames: IProcessedStyleSet<IHorizontalBarChartWithAxisStyles>;\n  private _refArray: IRefArrayData[];\n  private _calloutId: string;\n  private margins: IMargins;\n  private _isRtl: boolean = getRTL();\n  private _bars: JSX.Element[];\n  private _yAxisLabels: string[];\n  private _xMax: number;\n  private _tooltipId: string;\n  private _xAxisType: XAxisTypes;\n  private _yAxisType: YAxisType;\n  private _calloutAnchorPoint: IHorizontalBarChartWithAxisDataPoint | null;\n\n  public constructor(props: IHorizontalBarChartWithAxisProps) {\n    super(props);\n    this.state = {\n      color: '',\n      dataForHoverCard: 0,\n      isCalloutVisible: false,\n      isLegendSelected: false,\n      isLegendHovered: false,\n      refSelected: null,\n      selectedLegendTitle: '',\n      xCalloutValue: '',\n      yCalloutValue: '',\n      activeXdataPoint: null,\n      YValueHover: [],\n      hoverXValue: '',\n    };\n    this._calloutId = getId('callout');\n    this._tooltipId = getId('HBCWATooltipID_');\n    this._refArray = [];\n    this._xAxisType =\n      this.props.data! && this.props.data!.length > 0\n        ? (getTypeOfAxis(this.props.data![0].x, true) as XAxisTypes)\n        : XAxisTypes.NumericAxis;\n    this._yAxisType =\n      this.props.data! && this.props.data!.length > 0\n        ? (getTypeOfAxis(this.props.data![0].y, false) as YAxisType)\n        : YAxisType.StringAxis;\n  }\n\n  public render(): JSX.Element {\n    this._adjustProps();\n    const reversedBars = [...this._points].reverse();\n    this._yAxisLabels = reversedBars.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y as string);\n    this._xMax = Math.max(\n      d3Max(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => point.x)!,\n      this.props.xMaxValue || 0,\n    );\n    const legendBars: JSX.Element = this._getLegendData(this._points, this.props.theme!.palette);\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      legendColor: this.state.color,\n    });\n    const calloutProps = {\n      isCalloutVisible: this.state.isCalloutVisible,\n      directionalHint: DirectionalHint.topAutoEdge,\n      id: `toolTip${this._calloutId}`,\n      target: this.state.refSelected,\n      isBeakVisible: false,\n      gapSpace: 15,\n      color: this.state.color,\n      legend: this.state.selectedLegendTitle,\n      XValue: this.state.xCalloutValue,\n      YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard,\n      onDismiss: this._closeCallout,\n      preventDismissOnLostFocus: true,\n      ...this.props.calloutProps,\n      ...getAccessibleDataObject(this.state.callOutAccessibilityData),\n    };\n    const tickParams = {\n      tickValues: this.props.tickValues,\n      tickFormat: this.props.tickFormat,\n    };\n    return (\n      <CartesianChart\n        {...this.props}\n        points={this._points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={this._xAxisType}\n        yAxisType={this._yAxisType}\n        stringDatasetForYAxisDomain={this._yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        barwidth={this._barHeight}\n        focusZoneDirection={FocusZoneDirection.vertical}\n        customizedCallout={this._getCustomizedCallout()}\n        getmargins={this._getMargins}\n        getGraphData={this._getGraphData}\n        getAxisData={this._getAxisData}\n        onChartMouseLeave={this._handleChartMouseLeave}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line react/no-children-prop\n        children={(props: IChildProps) => {\n          return (\n            <>\n              <g>{this._bars}</g>\n            </>\n          );\n        }}\n      />\n    );\n  }\n\n  private _adjustProps(): void {\n    this._points = this.props.data || [];\n    this._barHeight = this.props.barHeight || 32;\n    const { palette } = this.props.theme!;\n    this._colors = this.props.colors || [palette.blueLight, palette.blue, palette.blueMid, palette.blueDark];\n  }\n\n  private _getMargins = (margins: IMargins) => {\n    this.margins = margins;\n  };\n\n  private _renderContentForOnlyBars = (point: IHorizontalBarChartWithAxisDataPoint): JSX.Element => {\n    const { useSingleColor = false } = this.props;\n    let selectedPointIndex = 0;\n    this.props.data!.forEach((yDataPoint: IHorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n    } else {\n      color = point.color\n        ? point.color\n        : this.props.colors\n        ? this._createColors()(point.x)\n        : getNextColor(selectedPointIndex, 0, this.props.theme?.isInverted);\n    }\n    return (\n      <>\n        <ChartHoverCard\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          Legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={this.props.culture}\n        />\n      </>\n    );\n  };\n\n  private _renderCallout = (props?: IHorizontalBarChartWithAxisDataPoint): JSX.Element | null => {\n    return props ? this._renderContentForOnlyBars(props) : null;\n  };\n\n  private _getCustomizedCallout = () => {\n    return this.props.onRenderCalloutPerDataPoint\n      ? this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps, this._renderCallout)\n      : null;\n  };\n\n  private _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 (this._bars =\n      this._yAxisType === YAxisType.NumericAxis\n        ? this._createNumericBars(containerHeight, containerWidth, xElement!, yElement!)\n        : this._createStringBars(containerHeight, containerWidth, xElement!, yElement!));\n  };\n\n  private _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = this._colors.length <= 1 ? 1 : 1 / (this._colors.length - 1);\n    const { useSingleColor = false } = this.props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { theme, colors } = this.props;\n        return colors && colors.length > 0 ? colors[0] : theme!.palette.blueLight;\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < this._colors.length; i++) {\n      domainValues.push(increment * i * this._xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(this._colors);\n    return colorScale;\n  }\n\n  private _refCallback = (element: SVGRectElement, legendTitle: string): void => {\n    this._refArray.push({ index: legendTitle, refElement: element });\n  };\n\n  private _getCalloutContentForBar = (\n    point: IHorizontalBarChartWithAxisDataPoint,\n  ): { YValueHover: IYValueHover[]; hoverXValue: string | number | null } => {\n    const YValueHover: IYValueHover[] = [];\n    const { useSingleColor = false } = this.props;\n    const { data } = this.props;\n    const selectedPoint = data!.filter((yDataPoint: IHorizontalBarChartWithAxisDataPoint) => yDataPoint.y === point.y);\n    let selectedPointIndex = 0;\n    data!.forEach((yDataPoint: IHorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n    } else {\n      color = selectedPoint[0].color\n        ? selectedPoint[0].color\n        : this.props.colors\n        ? this._createColors()(selectedPoint[0].x)\n        : getNextColor(selectedPointIndex, 0, this.props.theme?.isInverted);\n    }\n    // callout data for the bar\n    YValueHover.push({\n      legend: selectedPoint[0].legend,\n      // For HBCWA x and y Values are swapped\n      y: selectedPoint[0].x,\n      color,\n      data: selectedPoint[0].yAxisCalloutData,\n      yAxisCalloutData: selectedPoint[0].yAxisCalloutData,\n    });\n    return { YValueHover, hoverXValue: point.yAxisCalloutData || point.y.toString() };\n  };\n\n  private _onBarHover(\n    point: IHorizontalBarChartWithAxisDataPoint,\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void {\n    mouseEvent.persist();\n\n    const { YValueHover, hoverXValue } = this._getCalloutContentForBar(point);\n    if (\n      (this.state.isLegendSelected === false ||\n        (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)) &&\n      this._calloutAnchorPoint !== point\n    ) {\n      this._calloutAnchorPoint = point;\n      this.setState({\n        refSelected: mouseEvent,\n        isCalloutVisible: true,\n        dataForHoverCard: point.x,\n        selectedLegendTitle: point.legend!,\n        color: this.props.useSingleColor ? color : point.color,\n        // To display callout value, if no callout value given, taking given point.x value as a string.\n        xCalloutValue: point.yAxisCalloutData! || point.y.toString(),\n        yCalloutValue: point.xAxisCalloutData || point.x.toString(),\n        dataPointCalloutProps: point,\n        activeXdataPoint: point.x,\n        YValueHover,\n        hoverXValue,\n        callOutAccessibilityData: point.callOutAccessibilityData,\n      });\n    }\n  }\n\n  private _onBarLeave = (): void => {\n    /**/\n  };\n\n  private _handleChartMouseLeave = (): void => {\n    this._calloutAnchorPoint = null;\n    this.setState({\n      isCalloutVisible: false,\n      activeXdataPoint: null,\n      YValueHover: [],\n      hoverXValue: '',\n    });\n  };\n\n  private _onBarFocus = (\n    point: IHorizontalBarChartWithAxisDataPoint,\n    refArrayIndexNumber: number,\n    color: string,\n  ): void => {\n    if (\n      this.state.isLegendSelected === false ||\n      (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)\n    ) {\n      const { YValueHover, hoverXValue } = this._getCalloutContentForBar(point);\n      this._refArray.forEach((obj: IRefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          this.setState({\n            refSelected: obj.refElement,\n            isCalloutVisible: true,\n            selectedLegendTitle: point.legend!,\n            dataForHoverCard: point.x,\n            color: this.props.useSingleColor ? color : point.color,\n            xCalloutValue: point.yAxisCalloutData || point.y.toString(),\n            yCalloutValue: point.xAxisCalloutData! || point.x.toString(),\n            dataPointCalloutProps: point,\n            activeXdataPoint: point.x,\n            YValueHover,\n            hoverXValue,\n            callOutAccessibilityData: point.callOutAccessibilityData,\n          });\n        }\n      });\n    }\n  };\n\n  private _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(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => point.x as number)!;\n      const yMax = d3Max(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const xBarScale = d3ScaleLinear()\n        .domain(this._isRtl ? [xMax, 0] : [0, xMax])\n        .nice()\n        .range([this.margins.left!, containerWidth - this.margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([0, yMax])\n        .range([containerHeight - this.margins.bottom!, this.margins.top!]);\n      return { xBarScale, yBarScale };\n    } else {\n      const xMax = d3Max(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => 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(this._yAxisLabels)\n        .range([containerHeight - this.margins.bottom! - this._barHeight / 2, this.margins.top! + this._barHeight / 2])\n        .padding(this.props.yAxisPadding || 0);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(this._isRtl ? [xMax, 0] : [0, xMax])\n        .range([this.margins.left!, containerWidth - this.margins.right!]);\n      return { xBarScale, yBarScale };\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _createNumericBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = this.props;\n    const { xBarScale, yBarScale } = this._getScales(containerHeight, containerWidth, true);\n    const sortedBars: IHorizontalBarChartWithAxisDataPoint[] = [...this._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    const bars = sortedBars.map((point: IHorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (this.state.isLegendHovered || this.state.isLegendSelected) {\n        shouldHighlight = this.state.selectedLegendTitle === point.legend;\n      }\n      this._classNames = getClassNames(this.props.styles!, {\n        theme: this.props.theme!,\n        legendColor: this.state.color,\n        shouldHighlight: shouldHighlight,\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 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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n      } else {\n        color = this.props.colors\n          ? this._createColors()(point.x)\n          : getNextColor(index, 0, this.props.theme?.isInverted);\n      }\n      return (\n        <rect\n          key={point.y}\n          x={this._isRtl ? xBarScale(point.x) : this.margins.left!}\n          className={this._classNames.opacityChangeOnHover}\n          y={yBarScale(point.y) - this._barHeight / 2}\n          data-is-focusable={true}\n          width={\n            this._isRtl\n              ? containerWidth - this.margins.right! - Math.max(xBarScale(point.x), 0)\n              : Math.max(xBarScale(point.x), 0) - this.margins.left!\n          }\n          height={this._barHeight}\n          ref={(e: SVGRectElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          onClick={point.onClick}\n          onMouseOver={this._onBarHover.bind(this, point, color)}\n          aria-label={this._getAriaLabel(point)}\n          role=\"img\"\n          aria-labelledby={`toolTip${this._calloutId}`}\n          onMouseLeave={this._onBarLeave}\n          onFocus={this._onBarFocus.bind(this, point, index, color)}\n          onBlur={this._onBarLeave}\n          fill={point.color && !useSingleColor ? point.color : color}\n        />\n      );\n    });\n    return bars;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _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        .on('mouseover', d => {\n          if (!this.state.tooltipElement) {\n            div.style('opacity', 0.9);\n            div\n              .html(originalDataArray[i])\n              .style('left', d3Event.pageX + 'px')\n              .style('top', d3Event.pageY - 28 + 'px');\n          }\n        })\n        .on('mouseout', d => {\n          div.style('opacity', 0);\n        });\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { xBarScale, yBarScale } = this._getScales(containerHeight, containerWidth, false);\n    const { useSingleColor = false } = this.props;\n    const bars = this._points.map((point: IHorizontalBarChartWithAxisDataPoint, index: number) => {\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 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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n      } else {\n        color = this.props.colors\n          ? this._createColors()(point.x)\n          : getNextColor(index, 0, this.props.theme?.isInverted);\n      }\n\n      return (\n        <rect\n          key={point.x}\n          x={this._isRtl ? xBarScale(point.x) : this.margins.left!}\n          y={yBarScale(point.y) + this._barHeight / 2}\n          width={\n            this._isRtl\n              ? containerWidth - this.margins.right! - Math.max(xBarScale(point.x), 0)\n              : Math.max(xBarScale(point.x), 0) - this.margins.left!\n          }\n          height={this._barHeight}\n          aria-labelledby={`toolTip${this._calloutId}`}\n          aria-label={this._getAriaLabel(point)}\n          role=\"img\"\n          ref={(e: SVGRectElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          onClick={point.onClick}\n          onMouseOver={this._onBarHover.bind(this, point, color)}\n          onMouseLeave={this._onBarLeave}\n          onBlur={this._onBarLeave}\n          data-is-focusable={true}\n          onFocus={this._onBarFocus.bind(this, point, index, color)}\n          fill={point.color && !useSingleColor ? point.color : color}\n        />\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 this._tooltipId)\n    if (!this.props.showYAxisLablesTooltip) {\n      try {\n        document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at y axis labels.\n    if (this.props.showYAxisLablesTooltip) {\n      const yAxisElement = d3Select(yElement).call(yBarScale);\n      if (!this.state.tooltipElement) {\n        try {\n          document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      const ytooltipProps = {\n        tooltipCls: this._classNames.tooltip!,\n        id: this._tooltipId,\n        yAxis: yAxisElement,\n      };\n      yAxisElement && this._tooltipOfYAxislabels(ytooltipProps);\n    }\n    return bars;\n  }\n\n  private _closeCallout = () => {\n    this.setState({\n      isCalloutVisible: false,\n    });\n  };\n\n  private _onLegendClick(customMessage: string): void {\n    if (this.state.isLegendSelected) {\n      if (this.state.selectedLegendTitle === customMessage) {\n        this.setState({\n          isLegendSelected: false,\n          selectedLegendTitle: customMessage,\n        });\n      } else {\n        this.setState({\n          selectedLegendTitle: customMessage,\n        });\n      }\n    } else {\n      this.setState({\n        isLegendSelected: true,\n        selectedLegendTitle: customMessage,\n      });\n    }\n  }\n\n  private _onLegendHover(customMessage: string): void {\n    if (this.state.isLegendSelected === false) {\n      this.setState({\n        isLegendHovered: true,\n        selectedLegendTitle: customMessage,\n      });\n    }\n  }\n\n  private _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || this.state.isLegendSelected === false) {\n      this.setState({\n        isLegendHovered: false,\n        selectedLegendTitle: '',\n        isLegendSelected: isLegendFocused ? false : this.state.isLegendSelected,\n      });\n    }\n  }\n\n  private _getLegendData = (data: IHorizontalBarChartWithAxisDataPoint[], palette: IPalette): JSX.Element => {\n    const { useSingleColor } = this.props;\n    const actions: ILegend[] = [];\n    data.forEach((point: IHorizontalBarChartWithAxisDataPoint, _index: number) => {\n      const color: string = useSingleColor\n        ? this.props.colors\n          ? this._createColors()(1)\n          : getNextColor(1, 0, this.props.theme?.isInverted)\n        : point.color!;\n      // mapping data to the format Legends component needs\n      const legend: ILegend = {\n        title: point.legend!,\n        color: color,\n        action: () => {\n          this._onLegendClick(point.legend!);\n        },\n        hoverAction: () => {\n          this._onLegendHover(point.legend!);\n        },\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          this._onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={this.props.enabledLegendsWrapLines}\n        overflowProps={this.props.legendsOverflowProps}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        overflowText={this.props.legendsOverflowText}\n        {...this.props.legendProps}\n      />\n    );\n    return legends;\n  };\n\n  private _getAxisData = (yAxisData: IAxisData) => {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      // For HBCWA x and y Values are swapped\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      this._xMax = Math.max(domainValue[domainValue.length - 1], this.props.xMaxValue || 0);\n    }\n  };\n  private _getAriaLabel = (point: IHorizontalBarChartWithAxisDataPoint): 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"]}
+{"version":3,"file":"HorizontalBarChartWithAxis.base.js","sourceRoot":"../src/","sources":["components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { max as d3Max } from 'd3-array';\nimport { select as d3Select, event as d3Event } from 'd3-selection';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';\nimport { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';\nimport { DirectionalHint } from '@fluentui/react/lib/Callout';\nimport {\n  IAccessibilityProps,\n  CartesianChart,\n  ChartHoverCard,\n  IBasestate,\n  IMargins,\n  ILegend,\n  IRefArrayData,\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisStyleProps,\n  IHorizontalBarChartWithAxisStyles,\n  IHorizontalBarChartWithAxisDataPoint,\n  Legends,\n  IChildProps,\n  IYValueHover,\n} from '../../index';\nimport { FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ChartTypes,\n  IAxisData,\n  getAccessibleDataObject,\n  YAxisType,\n  XAxisTypes,\n  NumericAxis,\n  StringAxis,\n  getTypeOfAxis,\n  getNextColor,\n} from '../../utilities/index';\n\nconst getClassNames = classNamesFunction<IHorizontalBarChartWithAxisStyleProps, IHorizontalBarChartWithAxisStyles>();\nexport interface IHorizontalBarChartWithAxisState extends IBasestate {\n  selectedLegendTitle: string;\n  dataPointCalloutProps?: IHorizontalBarChartWithAxisDataPoint; // define this in hover and focus\n  /**\n   * data point of x, where rectangle is hovered or focused\n   */\n  activeXdataPoint: number | null;\n  YValueHover: IYValueHover[];\n  hoverXValue?: string | number | null;\n  callOutAccessibilityData?: IAccessibilityProps;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  tooltipElement?: any;\n}\n\ntype ColorScale = (_p?: number) => string;\n\nexport class HorizontalBarChartWithAxisBase extends React.Component<\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisState\n> {\n  private _points: IHorizontalBarChartWithAxisDataPoint[];\n  private _barHeight: number;\n  private _colors: string[];\n  private _classNames: IProcessedStyleSet<IHorizontalBarChartWithAxisStyles>;\n  private _refArray: IRefArrayData[];\n  private _calloutId: string;\n  private margins: IMargins;\n  private _isRtl: boolean = getRTL();\n  private _bars: JSX.Element[];\n  private _yAxisLabels: string[];\n  private _xMax: number;\n  private _tooltipId: string;\n  private _xAxisType: XAxisTypes;\n  private _yAxisType: YAxisType;\n  private _calloutAnchorPoint: IHorizontalBarChartWithAxisDataPoint | null;\n\n  public constructor(props: IHorizontalBarChartWithAxisProps) {\n    super(props);\n    this.state = {\n      color: '',\n      dataForHoverCard: 0,\n      isCalloutVisible: false,\n      isLegendSelected: false,\n      isLegendHovered: false,\n      refSelected: null,\n      selectedLegendTitle: '',\n      xCalloutValue: '',\n      yCalloutValue: '',\n      activeXdataPoint: null,\n      YValueHover: [],\n      hoverXValue: '',\n    };\n    this._calloutId = getId('callout');\n    this._tooltipId = getId('HBCWATooltipID_');\n    this._refArray = [];\n    this._xAxisType =\n      this.props.data! && this.props.data!.length > 0\n        ? (getTypeOfAxis(this.props.data![0].x, true) as XAxisTypes)\n        : XAxisTypes.NumericAxis;\n    this._yAxisType =\n      this.props.data! && this.props.data!.length > 0\n        ? (getTypeOfAxis(this.props.data![0].y, false) as YAxisType)\n        : YAxisType.StringAxis;\n  }\n\n  public render(): JSX.Element {\n    this._adjustProps();\n    const reversedBars = [...this._points].reverse();\n    this._yAxisLabels = reversedBars.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y as string);\n    this._xMax = Math.max(\n      d3Max(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => point.x)!,\n      this.props.xMaxValue || 0,\n    );\n    const legendBars: JSX.Element = this._getLegendData(this._points, this.props.theme!.palette);\n    this._classNames = getClassNames(this.props.styles!, {\n      theme: this.props.theme!,\n      legendColor: this.state.color,\n    });\n    const calloutProps = {\n      isCalloutVisible: this.state.isCalloutVisible,\n      directionalHint: DirectionalHint.topAutoEdge,\n      id: `toolTip${this._calloutId}`,\n      target: this.state.refSelected,\n      isBeakVisible: false,\n      gapSpace: 15,\n      color: this.state.color,\n      legend: this.state.selectedLegendTitle,\n      XValue: this.state.xCalloutValue,\n      YValue: this.state.yCalloutValue ? this.state.yCalloutValue : this.state.dataForHoverCard,\n      onDismiss: this._closeCallout,\n      preventDismissOnLostFocus: true,\n      ...this.props.calloutProps,\n      ...getAccessibleDataObject(this.state.callOutAccessibilityData),\n    };\n    const tickParams = {\n      tickValues: this.props.tickValues,\n      tickFormat: this.props.tickFormat,\n    };\n    return (\n      <CartesianChart\n        {...this.props}\n        points={this._points}\n        chartType={ChartTypes.HorizontalBarChartWithAxis}\n        xAxisType={this._xAxisType}\n        yAxisType={this._yAxisType}\n        stringDatasetForYAxisDomain={this._yAxisLabels}\n        calloutProps={calloutProps}\n        tickParams={tickParams}\n        legendBars={legendBars}\n        barwidth={this._barHeight}\n        focusZoneDirection={FocusZoneDirection.vertical}\n        customizedCallout={this._getCustomizedCallout()}\n        getmargins={this._getMargins}\n        getGraphData={this._getGraphData}\n        getAxisData={this._getAxisData}\n        onChartMouseLeave={this._handleChartMouseLeave}\n        /* eslint-disable react/jsx-no-bind */\n        // eslint-disable-next-line react/no-children-prop\n        children={(props: IChildProps) => {\n          return (\n            <>\n              <g>{this._bars}</g>\n            </>\n          );\n        }}\n      />\n    );\n  }\n\n  private _adjustProps(): void {\n    this._points = this.props.data || [];\n    this._barHeight = this.props.barHeight || 32;\n    const { palette } = this.props.theme!;\n    this._colors = this.props.colors || [palette.blueLight, palette.blue, palette.blueMid, palette.blueDark];\n  }\n\n  private _getMargins = (margins: IMargins) => {\n    this.margins = margins;\n  };\n\n  private _renderContentForOnlyBars = (point: IHorizontalBarChartWithAxisDataPoint): JSX.Element => {\n    const { useSingleColor = false } = this.props;\n    let selectedPointIndex = 0;\n    this.props.data!.forEach((yDataPoint: IHorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n    } else {\n      color = point.color\n        ? point.color\n        : this.props.colors\n        ? this._createColors()(point.x)\n        : getNextColor(selectedPointIndex, 0, this.props.theme?.isInverted);\n    }\n    return (\n      <>\n        <ChartHoverCard\n          XValue={point.xAxisCalloutData || point.x.toString()}\n          Legend={point.legend}\n          YValue={point.yAxisCalloutData || point.y}\n          color={color}\n          culture={this.props.culture}\n        />\n      </>\n    );\n  };\n\n  private _renderCallout = (props?: IHorizontalBarChartWithAxisDataPoint): JSX.Element | null => {\n    return props ? this._renderContentForOnlyBars(props) : null;\n  };\n\n  private _getCustomizedCallout = () => {\n    return this.props.onRenderCalloutPerDataPoint\n      ? this.props.onRenderCalloutPerDataPoint(this.state.dataPointCalloutProps, this._renderCallout)\n      : null;\n  };\n\n  private _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 (this._bars =\n      this._yAxisType === YAxisType.NumericAxis\n        ? this._createNumericBars(containerHeight, containerWidth, xElement!, yElement!)\n        : this._createStringBars(containerHeight, containerWidth, xElement!, yElement!));\n  };\n\n  private _createColors(): D3ScaleLinear<string, string> | ColorScale {\n    const increment = this._colors.length <= 1 ? 1 : 1 / (this._colors.length - 1);\n    const { useSingleColor = false } = this.props;\n    if (useSingleColor) {\n      return (_p?: number) => {\n        const { theme, colors } = this.props;\n        return colors && colors.length > 0 ? colors[0] : theme!.palette.blueLight;\n      };\n    }\n    const domainValues = [];\n    for (let i = 0; i < this._colors.length; i++) {\n      domainValues.push(increment * i * this._xMax);\n    }\n    const colorScale = d3ScaleLinear<string>().domain(domainValues).range(this._colors);\n    return colorScale;\n  }\n\n  private _refCallback = (element: SVGRectElement, legendTitle: string): void => {\n    this._refArray.push({ index: legendTitle, refElement: element });\n  };\n\n  private _getCalloutContentForBar = (\n    point: IHorizontalBarChartWithAxisDataPoint,\n  ): { YValueHover: IYValueHover[]; hoverXValue: string | number | null } => {\n    const YValueHover: IYValueHover[] = [];\n    const { useSingleColor = false } = this.props;\n    const { data } = this.props;\n    const selectedPoint = data!.filter((yDataPoint: IHorizontalBarChartWithAxisDataPoint) => yDataPoint.y === point.y);\n    let selectedPointIndex = 0;\n    data!.forEach((yDataPoint: IHorizontalBarChartWithAxisDataPoint, index: number) => {\n      if (yDataPoint.y === point.y) {\n        selectedPointIndex = index;\n      }\n    });\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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n    } else {\n      color = selectedPoint[0].color\n        ? selectedPoint[0].color\n        : this.props.colors\n        ? this._createColors()(selectedPoint[0].x)\n        : getNextColor(selectedPointIndex, 0, this.props.theme?.isInverted);\n    }\n    // callout data for the bar\n    YValueHover.push({\n      legend: selectedPoint[0].legend,\n      // For HBCWA x and y Values are swapped\n      y: selectedPoint[0].x,\n      color,\n      data: selectedPoint[0].yAxisCalloutData,\n      yAxisCalloutData: selectedPoint[0].yAxisCalloutData,\n    });\n    return { YValueHover, hoverXValue: point.yAxisCalloutData || point.y.toString() };\n  };\n\n  private _onBarHover(\n    point: IHorizontalBarChartWithAxisDataPoint,\n    color: string,\n    mouseEvent: React.MouseEvent<SVGElement>,\n  ): void {\n    mouseEvent.persist();\n\n    const { YValueHover, hoverXValue } = this._getCalloutContentForBar(point);\n    if (\n      (this.state.isLegendSelected === false ||\n        (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)) &&\n      this._calloutAnchorPoint !== point\n    ) {\n      this._calloutAnchorPoint = point;\n      this.setState({\n        refSelected: mouseEvent,\n        isCalloutVisible: true,\n        dataForHoverCard: point.x,\n        selectedLegendTitle: point.legend!,\n        color: this.props.useSingleColor ? color : point.color,\n        // To display callout value, if no callout value given, taking given point.x value as a string.\n        xCalloutValue: point.yAxisCalloutData! || point.y.toString(),\n        yCalloutValue: point.xAxisCalloutData || point.x.toString(),\n        dataPointCalloutProps: point,\n        activeXdataPoint: point.x,\n        YValueHover,\n        hoverXValue,\n        callOutAccessibilityData: point.callOutAccessibilityData,\n      });\n    }\n  }\n\n  private _onBarLeave = (): void => {\n    /**/\n  };\n\n  private _handleChartMouseLeave = (): void => {\n    this._calloutAnchorPoint = null;\n    this.setState({\n      isCalloutVisible: false,\n      activeXdataPoint: null,\n      YValueHover: [],\n      hoverXValue: '',\n    });\n  };\n\n  private _onBarFocus = (\n    point: IHorizontalBarChartWithAxisDataPoint,\n    refArrayIndexNumber: number,\n    color: string,\n  ): void => {\n    if (\n      this.state.isLegendSelected === false ||\n      (this.state.isLegendSelected && this.state.selectedLegendTitle === point.legend)\n    ) {\n      const { YValueHover, hoverXValue } = this._getCalloutContentForBar(point);\n      this._refArray.forEach((obj: IRefArrayData, index: number) => {\n        if (refArrayIndexNumber === index) {\n          this.setState({\n            refSelected: obj.refElement,\n            isCalloutVisible: true,\n            selectedLegendTitle: point.legend!,\n            dataForHoverCard: point.x,\n            color: this.props.useSingleColor ? color : point.color,\n            xCalloutValue: point.yAxisCalloutData || point.y.toString(),\n            yCalloutValue: point.xAxisCalloutData! || point.x.toString(),\n            dataPointCalloutProps: point,\n            activeXdataPoint: point.x,\n            YValueHover,\n            hoverXValue,\n            callOutAccessibilityData: point.callOutAccessibilityData,\n          });\n        }\n      });\n    }\n  };\n\n  private _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(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => point.x as number)!;\n      const yMax = d3Max(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n      const xBarScale = d3ScaleLinear()\n        .domain(this._isRtl ? [xMax, 0] : [0, xMax])\n        .nice()\n        .range([this.margins.left!, containerWidth - this.margins.right!]);\n      const yBarScale = d3ScaleLinear()\n        .domain([0, yMax])\n        .range([containerHeight - this.margins.bottom!, this.margins.top!]);\n      return { xBarScale, yBarScale };\n    } else {\n      const xMax = d3Max(this._points, (point: IHorizontalBarChartWithAxisDataPoint) => 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(this._yAxisLabels)\n        .range([containerHeight - this.margins.bottom! - this._barHeight / 2, this.margins.top! + this._barHeight / 2])\n        .padding(this.props.yAxisPadding || 0);\n\n      const xBarScale = d3ScaleLinear()\n        .domain(this._isRtl ? [xMax, 0] : [0, xMax])\n        .range([this.margins.left!, containerWidth - this.margins.right!]);\n      return { xBarScale, yBarScale };\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _createNumericBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { useSingleColor = false } = this.props;\n    const { xBarScale, yBarScale } = this._getScales(containerHeight, containerWidth, true);\n    const sortedBars: IHorizontalBarChartWithAxisDataPoint[] = [...this._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    const bars = sortedBars.map((point: IHorizontalBarChartWithAxisDataPoint, index: number) => {\n      let shouldHighlight = true;\n      if (this.state.isLegendHovered || this.state.isLegendSelected) {\n        shouldHighlight = this.state.selectedLegendTitle === point.legend;\n      }\n      this._classNames = getClassNames(this.props.styles!, {\n        theme: this.props.theme!,\n        legendColor: this.state.color,\n        shouldHighlight: shouldHighlight,\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 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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n      } else {\n        color = this.props.colors\n          ? this._createColors()(point.x)\n          : getNextColor(index, 0, this.props.theme?.isInverted);\n      }\n      return (\n        <rect\n          key={point.y}\n          x={this._isRtl ? xBarScale(point.x) : this.margins.left!}\n          className={this._classNames.opacityChangeOnHover}\n          y={yBarScale(point.y) - this._barHeight / 2}\n          data-is-focusable={true}\n          width={\n            this._isRtl\n              ? containerWidth - this.margins.right! - Math.max(xBarScale(point.x), 0)\n              : Math.max(xBarScale(point.x), 0) - this.margins.left!\n          }\n          height={this._barHeight}\n          ref={(e: SVGRectElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          onClick={point.onClick}\n          onMouseOver={this._onBarHover.bind(this, point, color)}\n          aria-label={this._getAriaLabel(point)}\n          role=\"img\"\n          aria-labelledby={`toolTip${this._calloutId}`}\n          onMouseLeave={this._onBarLeave}\n          onFocus={this._onBarFocus.bind(this, point, index, color)}\n          onBlur={this._onBarLeave}\n          fill={point.color && !useSingleColor ? point.color : color}\n        />\n      );\n    });\n    return bars;\n  }\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _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        .on('mouseover', d => {\n          if (!this.state.tooltipElement) {\n            div.style('opacity', 0.9);\n            div\n              .html(originalDataArray[i])\n              .style('left', d3Event.pageX + 'px')\n              .style('top', d3Event.pageY - 28 + 'px');\n          }\n        })\n        .on('mouseout', d => {\n          div.style('opacity', 0);\n        });\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  private _createStringBars(\n    containerHeight: number,\n    containerWidth: number,\n    xElement: SVGElement,\n    yElement: SVGElement,\n  ): JSX.Element[] {\n    const { xBarScale, yBarScale } = this._getScales(containerHeight, containerWidth, false);\n    const { useSingleColor = false } = this.props;\n    const bars = this._points.map((point: IHorizontalBarChartWithAxisDataPoint, index: number) => {\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 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 = this.props.colors ? this._createColors()(1) : getNextColor(1, 0, this.props.theme?.isInverted);\n      } else {\n        color = this.props.colors\n          ? this._createColors()(point.x)\n          : getNextColor(index, 0, this.props.theme?.isInverted);\n      }\n\n      return (\n        <rect\n          key={point.x}\n          x={this._isRtl ? xBarScale(point.x) : this.margins.left!}\n          y={yBarScale(point.y) + this._barHeight / 2}\n          width={\n            this._isRtl\n              ? containerWidth - this.margins.right! - Math.max(xBarScale(point.x), 0)\n              : Math.max(xBarScale(point.x), 0) - this.margins.left!\n          }\n          height={this._barHeight}\n          aria-labelledby={`toolTip${this._calloutId}`}\n          aria-label={this._getAriaLabel(point)}\n          role=\"img\"\n          ref={(e: SVGRectElement) => {\n            this._refCallback(e, point.legend!);\n          }}\n          onClick={point.onClick}\n          onMouseOver={this._onBarHover.bind(this, point, color)}\n          onMouseLeave={this._onBarLeave}\n          onBlur={this._onBarLeave}\n          data-is-focusable={true}\n          onFocus={this._onBarFocus.bind(this, point, index, color)}\n          fill={point.color && !useSingleColor ? point.color : color}\n        />\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 this._tooltipId)\n    if (!this.props.showYAxisLablesTooltip) {\n      try {\n        document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId)!.remove();\n        //eslint-disable-next-line no-empty\n      } catch (e) {}\n    }\n    // Used to display tooltip at y axis labels.\n    if (this.props.showYAxisLablesTooltip) {\n      const yAxisElement = d3Select(yElement).call(yBarScale);\n      if (!this.state.tooltipElement) {\n        try {\n          document.getElementById(this._tooltipId) && document.getElementById(this._tooltipId)!.remove();\n          //eslint-disable-next-line no-empty\n        } catch (e) {}\n      }\n      const ytooltipProps = {\n        tooltipCls: this._classNames.tooltip!,\n        id: this._tooltipId,\n        yAxis: yAxisElement,\n      };\n      yAxisElement && this._tooltipOfYAxislabels(ytooltipProps);\n    }\n    return bars;\n  }\n\n  private _closeCallout = () => {\n    this.setState({\n      isCalloutVisible: false,\n    });\n  };\n\n  private _onLegendClick(customMessage: string): void {\n    if (this.state.isLegendSelected) {\n      if (this.state.selectedLegendTitle === customMessage) {\n        this.setState({\n          isLegendSelected: false,\n          selectedLegendTitle: customMessage,\n        });\n      } else {\n        this.setState({\n          selectedLegendTitle: customMessage,\n        });\n      }\n    } else {\n      this.setState({\n        isLegendSelected: true,\n        selectedLegendTitle: customMessage,\n      });\n    }\n  }\n\n  private _onLegendHover(customMessage: string): void {\n    if (this.state.isLegendSelected === false) {\n      this.setState({\n        isLegendHovered: true,\n        selectedLegendTitle: customMessage,\n      });\n    }\n  }\n\n  private _onLegendLeave(isLegendFocused?: boolean): void {\n    if (!!isLegendFocused || this.state.isLegendSelected === false) {\n      this.setState({\n        isLegendHovered: false,\n        selectedLegendTitle: '',\n        isLegendSelected: isLegendFocused ? false : this.state.isLegendSelected,\n      });\n    }\n  }\n\n  private _getLegendData = (data: IHorizontalBarChartWithAxisDataPoint[], palette: IPalette): JSX.Element => {\n    const { useSingleColor } = this.props;\n    const actions: ILegend[] = [];\n    data.forEach((point: IHorizontalBarChartWithAxisDataPoint, _index: number) => {\n      const color: string = useSingleColor\n        ? this.props.colors\n          ? this._createColors()(1)\n          : getNextColor(1, 0, this.props.theme?.isInverted)\n        : point.color!;\n      // mapping data to the format Legends component needs\n      const legend: ILegend = {\n        title: point.legend!,\n        color: color,\n        action: () => {\n          this._onLegendClick(point.legend!);\n        },\n        hoverAction: () => {\n          this._onLegendHover(point.legend!);\n        },\n        onMouseOutAction: (isLegendSelected?: boolean) => {\n          this._onLegendLeave(isLegendSelected);\n        },\n      };\n      actions.push(legend);\n    });\n    const legends = (\n      <Legends\n        legends={actions}\n        enabledWrapLines={this.props.enabledLegendsWrapLines}\n        overflowProps={this.props.legendsOverflowProps}\n        focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}\n        overflowText={this.props.legendsOverflowText}\n        {...this.props.legendProps}\n      />\n    );\n    return legends;\n  };\n\n  private _getAxisData = (yAxisData: IAxisData) => {\n    if (yAxisData && yAxisData.yAxisDomainValues.length) {\n      // For HBCWA x and y Values are swapped\n      const { yAxisDomainValues: domainValue } = yAxisData;\n      this._xMax = Math.max(domainValue[domainValue.length - 1], this.props.xMaxValue || 0);\n    }\n  };\n  private _getAriaLabel = (point: IHorizontalBarChartWithAxisDataPoint): 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"]}

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

@@ -9,7 +9,7 @@ var getStyles = function (props) {
             opacity: shouldHighlight ? '' : '0.1',
         },
         xAxisTicks: [],
-        tooltip: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
+        tooltip: tslib_1.__assign(tslib_1.__assign({}, theme.fonts.medium), { display: 'flex', flexDirection: 'column', padding: '8px', position: 'absolute', textAlign: 'center', top: '0px', background: theme.semanticColors.bodyBackground, borderRadius: '2px', pointerEvents: 'none' }),
     };
 };
 exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBarChartWithAxis.styles.js","sourceRoot":"../src/","sources":["components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.styles.ts"],"names":[],"mappings":";;;;AAEO,IAAM,SAAS,GAAG,UAAC,KAA4C;IAC5D,IAAA,eAAe,GAAY,KAAK,gBAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACzC,OAAO;QACL,oBAAoB,EAAE;YACpB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;SACtC;QAED,UAAU,EAAE,EAAE;QAEd,OAAO,kDACF,KAAK,CAAC,KAAK,CAAC,MAAM,KACrB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAC/C,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;KACF,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB","sourcesContent":["import { IHorizontalBarChartWithAxisStyleProps, IHorizontalBarChartWithAxisStyles } from '../../index';\n\nexport const getStyles = (props: IHorizontalBarChartWithAxisStyleProps): IHorizontalBarChartWithAxisStyles => {\n  const { shouldHighlight, theme } = props;\n  return {\n    opacityChangeOnHover: {\n      opacity: shouldHighlight ? '' : '0.1',\n    },\n\n    xAxisTicks: [],\n\n    tooltip: {\n      ...theme.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: theme.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n  };\n};\n"]}
+{"version":3,"file":"HorizontalBarChartWithAxis.styles.js","sourceRoot":"../src/","sources":["components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.styles.ts"],"names":[],"mappings":";;;;AAEO,IAAM,SAAS,GAAG,UAAC,KAA4C;IAC5D,IAAA,eAAe,GAAY,KAAK,gBAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACzC,OAAO;QACL,oBAAoB,EAAE;YACpB,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK;SACtC;QAED,UAAU,EAAE,EAAE;QAEd,OAAO,wCACF,KAAK,CAAC,KAAK,CAAC,MAAM,KACrB,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,EAC/C,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,MAAM,GACtB;KACF,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB","sourcesContent":["import { IHorizontalBarChartWithAxisStyleProps, IHorizontalBarChartWithAxisStyles } from '../../index';\n\nexport const getStyles = (props: IHorizontalBarChartWithAxisStyleProps): IHorizontalBarChartWithAxisStyles => {\n  const { shouldHighlight, theme } = props;\n  return {\n    opacityChangeOnHover: {\n      opacity: shouldHighlight ? '' : '0.1',\n    },\n\n    xAxisTicks: [],\n\n    tooltip: {\n      ...theme.fonts.medium,\n      display: 'flex',\n      flexDirection: 'column',\n      padding: '8px',\n      position: 'absolute',\n      textAlign: 'center',\n      top: '0px',\n      background: theme.semanticColors.bodyBackground,\n      borderRadius: '2px',\n      pointerEvents: 'none',\n    },\n  };\n};\n"]}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./HorizontalBarChartWithAxis"), exports);
-(0, tslib_1.__exportStar)(require("./HorizontalBarChartWithAxis.types"), exports);
+tslib_1.__exportStar(require("./HorizontalBarChartWithAxis"), exports);
+tslib_1.__exportStar(require("./HorizontalBarChartWithAxis.types"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/HorizontalBarChartWithAxis/index.ts"],"names":[],"mappings":";;;AAAA,4EAA6C;AAC7C,kFAAmD","sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/HorizontalBarChartWithAxis/index.ts"],"names":[],"mappings":";;;AAAA,uEAA6C;AAC7C,6EAAmD","sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\n"]}

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

@@ -11,7 +11,7 @@ var react_focus_1 = require("@fluentui/react-focus");
 var shape_1 = require("./shape");
 var getClassNames = (0, Utilities_1.classNamesFunction)();
 var LegendsBase = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(LegendsBase, _super);
+    tslib_1.__extends(LegendsBase, _super);
     function LegendsBase(props) {
         var _this = _super.call(this, props) || this;
         /** Boolean variable to check if one or more legends are selected */
@@ -24,18 +24,18 @@ var LegendsBase = /** @class */ (function (_super) {
                     flexWrap: 'wrap',
                 },
             };
-            return (React.createElement(react_focus_1.FocusZone, (0, tslib_1.__assign)({}, (allowFocusOnLegends && {
+            return (React.createElement(react_focus_1.FocusZone, tslib_1.__assign({}, (allowFocusOnLegends && {
                 role: 'listbox',
                 'aria-label': 'Legends',
                 'aria-multiselectable': canSelectMultipleLegends,
             })),
-                React.createElement(OverflowSet_1.OverflowSet, (0, tslib_1.__assign)({ items: data.primary, overflowItems: data.overflow, onRenderItem: _this._renderButton, onRenderOverflowButton: _this._renderOverflowItems }, overflowProps, { styles: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, rootStyles), overflowProps === null || overflowProps === void 0 ? void 0 : overflowProps.styles) }))));
+                React.createElement(OverflowSet_1.OverflowSet, tslib_1.__assign({ items: data.primary, overflowItems: data.overflow, onRenderItem: _this._renderButton, onRenderOverflowButton: _this._renderOverflowItems }, overflowProps, { styles: tslib_1.__assign(tslib_1.__assign({}, rootStyles), overflowProps === null || overflowProps === void 0 ? void 0 : overflowProps.styles) }))));
         };
         _this._onReduceData = function (currentdata) {
             if (currentdata.primary.length === 0) {
                 return;
             }
-            var overflow = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], currentdata.primary.slice(-1), true), currentdata.overflow, true);
+            var overflow = tslib_1.__spreadArray(tslib_1.__spreadArray([], currentdata.primary.slice(-1), true), currentdata.overflow, true);
             var primary = currentdata.primary.slice(0, -1);
             return { primary: primary, overflow: overflow };
         };
@@ -44,7 +44,7 @@ var LegendsBase = /** @class */ (function (_super) {
                 return;
             }
             var overflow = currentdata.overflow.slice(1);
-            var primary = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], currentdata.primary, true), currentdata.overflow.slice(0, 1), true);
+            var primary = tslib_1.__spreadArray(tslib_1.__spreadArray([], currentdata.primary, true), currentdata.overflow.slice(0, 1), true);
             return { primary: primary, overflow: overflow };
         };
         /**
@@ -53,7 +53,7 @@ var LegendsBase = /** @class */ (function (_super) {
          * @param legend ILegend
          */
         _this._canSelectMultipleLegends = function (legend) {
-            var selectedLegends = (0, tslib_1.__assign)({}, _this.state.selectedLegends);
+            var selectedLegends = tslib_1.__assign({}, _this.state.selectedLegends);
             if (selectedLegends[legend.title]) {
                 // Delete entry for the deselected legend to make
                 // the number of keys equal to the number of selected legends
@@ -104,7 +104,7 @@ var LegendsBase = /** @class */ (function (_super) {
                 var hoverCardElement = _this._renderButton(legend, index, true);
                 overflowHoverCardLegends.push(hoverCardElement);
             });
-            var hoverCardData = (React.createElement(react_focus_1.FocusZone, (0, tslib_1.__assign)({}, (allowFocusOnLegends && {
+            var hoverCardData = (React.createElement(react_focus_1.FocusZone, tslib_1.__assign({}, (allowFocusOnLegends && {
                 role: 'listbox',
                 'aria-label': 'Legends',
                 'aria-multiselectable': canSelectMultipleLegends,
@@ -143,7 +143,7 @@ var LegendsBase = /** @class */ (function (_super) {
             return (React.createElement(HoverCard_1.HoverCard, { type: HoverCard_1.HoverCardType.plain, plainCardProps: plainCardProps, instantOpenOnClick: true, 
                 // eslint-disable-next-line react/jsx-no-bind
                 onCardHide: onHoverCardHideHandler, setInitialFocus: true, trapFocus: true, onCardVisible: _this._hoverCardVisible, styles: classNames.subComponentStyles.hoverCardStyles, cardDismissDelay: 300, target: _this._hoverCardRef },
-                React.createElement("div", (0, tslib_1.__assign)({ className: classNames.overflowIndicationTextStyle, ref: function (rootElem) { return (_this._hoverCardRef = rootElem); } }, (allowFocusOnLegends && {
+                React.createElement("div", tslib_1.__assign({ className: classNames.overflowIndicationTextStyle, ref: function (rootElem) { return (_this._hoverCardRef = rootElem); } }, (allowFocusOnLegends && {
                     role: 'button',
                     'aria-expanded': _this.state.isHoverCardVisible,
                     'aria-label': "".concat(items.length, " ").concat(overflowString),
@@ -202,7 +202,7 @@ var LegendsBase = /** @class */ (function (_super) {
                 _this._onLeave(legend);
             };
             var shape = _this._getShape(classNames, legend, color);
-            return (React.createElement("button", (0, tslib_1.__assign)({}, (allowFocusOnLegends && {
+            return (React.createElement("button", tslib_1.__assign({}, (allowFocusOnLegends && {
                 'aria-selected': canSelectMultipleLegends
                     ? !!_this.state.selectedLegends[legend.title]
                     : _this.state.selectedLegend === legend.title,
@@ -210,7 +210,7 @@ var LegendsBase = /** @class */ (function (_super) {
                 'aria-label': "".concat(legend.title),
                 'aria-setsize': data['aria-setsize'],
                 'aria-posinset': data['aria-posinset'],
-            }), (data.nativeButtonProps && (0, tslib_1.__assign)({}, data.nativeButtonProps)), { key: index, className: classNames.legend, onClick: onClickHandler, onMouseOver: onHoverHandler, onMouseOut: onMouseOut, onFocus: onHoverHandler, onBlur: onMouseOut, "data-is-focusable": allowFocusOnLegends }),
+            }), (data.nativeButtonProps && tslib_1.__assign({}, data.nativeButtonProps)), { key: index, className: classNames.legend, onClick: onClickHandler, onMouseOver: onHoverHandler, onMouseOut: onMouseOut, onFocus: onHoverHandler, onBlur: onMouseOut, "data-is-focusable": allowFocusOnLegends }),
                 shape,
                 React.createElement("div", { className: classNames.text }, legend.title)));
         };
@@ -236,7 +236,7 @@ var LegendsBase = /** @class */ (function (_super) {
         var _this = this;
         var _a = this.props.allowFocusOnLegends, allowFocusOnLegends = _a === void 0 ? true : _a;
         var dataItems = this.props.legends.map(function (legend, index) {
-            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (allowFocusOnLegends && {
+            return tslib_1.__assign(tslib_1.__assign({}, (allowFocusOnLegends && {
                 nativeButtonProps: (0, Utilities_1.getNativeProps)(legend, Utilities_1.buttonProperties, [
                     'title',
                 ]),

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

@@ -1 +1 @@
-{"version":3,"file":"Legends.base.js","sourceRoot":"../src/","sources":["components/Legends/Legends.base.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\nimport { HoverCard, HoverCardType, IExpandingCardProps } from '@fluentui/react/lib/HoverCard';\nimport { classNamesFunction, find, getNativeProps, buttonProperties } from '@fluentui/react/lib/Utilities';\nimport { ResizeGroup } from '@fluentui/react/lib/ResizeGroup';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { OverflowSet, IOverflowSetItemProps } from '@fluentui/react/lib/OverflowSet';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ILegend,\n  ILegendsProps,\n  LegendShape,\n  ILegendsStyles,\n  ILegendStyleProps,\n  ILegendOverflowData,\n} from './Legends.types';\nimport { Shape } from './shape';\n\nconst getClassNames = classNamesFunction<ILegendStyleProps, ILegendsStyles>();\n\n// This is an internal interface used for rendering the legends with unique key\ninterface ILegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n}\n\nexport interface ILegendState {\n  selectedLegend: string;\n  activeLegend: string;\n  isHoverCardVisible: boolean;\n  /** Set of legends selected when multiple selection is allowed */\n  selectedLegends: { [key: string]: boolean };\n}\nexport class LegendsBase extends React.Component<ILegendsProps, ILegendState> {\n  private _hoverCardRef: HTMLDivElement;\n  private _classNames: IProcessedStyleSet<ILegendsStyles>;\n  /** Boolean variable to check if one or more legends are selected */\n  private _isLegendSelected = false;\n\n  public constructor(props: ILegendsProps) {\n    super(props);\n    this.state = {\n      selectedLegend: '',\n      activeLegend: '',\n      isHoverCardVisible: false,\n      selectedLegends: {},\n    };\n  }\n\n  public render(): JSX.Element {\n    const { theme, className, styles } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    this._isLegendSelected = this.state.selectedLegend !== '' || Object.keys(this.state.selectedLegends).length > 0;\n    const dataToRender = this._generateData();\n    return (\n      <div className={this._classNames.root}>\n        {this.props.enabledWrapLines ? (\n          this._onRenderData(dataToRender)\n        ) : (\n          <ResizeGroup\n            data={dataToRender}\n            onReduceData={this._onReduceData}\n            onRenderData={this._onRenderData}\n            onGrowData={this._onGrowData}\n          />\n        )}\n      </div>\n    );\n  }\n\n  private _generateData(): ILegendOverflowData {\n    const { allowFocusOnLegends = true } = this.props;\n    const dataItems: ILegendItem[] = this.props.legends.map((legend: ILegend, index: number) => {\n      return {\n        ...(allowFocusOnLegends && {\n          nativeButtonProps: getNativeProps<React.HTMLAttributes<HTMLButtonElement>>(legend, buttonProperties, [\n            'title',\n          ]),\n          'aria-setsize': this.props.legends.length,\n          'aria-posinset': index + 1,\n        }),\n        title: legend.title,\n        action: legend.action!,\n        hoverAction: legend.hoverAction!,\n        onMouseOutAction: legend.onMouseOutAction!,\n        color: legend.color,\n        shape: legend.shape,\n        stripePattern: legend.stripePattern,\n        isLineLegendInBarChart: legend.isLineLegendInBarChart,\n        opacity: legend.opacity,\n        key: index,\n      };\n    });\n    const result: ILegendOverflowData = {\n      primary: dataItems,\n      overflow: [],\n    };\n    return result;\n  }\n\n  private _onRenderData = (data: IOverflowSetItemProps | ILegendOverflowData): JSX.Element => {\n    const { overflowProps, allowFocusOnLegends = true, canSelectMultipleLegends = false } = this.props;\n    const rootStyles = {\n      root: {\n        justifyContent: this.props.centerLegends ? 'center' : 'unset',\n        flexWrap: 'wrap',\n      },\n    };\n    return (\n      <FocusZone\n        {...(allowFocusOnLegends && {\n          role: 'listbox',\n          'aria-label': 'Legends',\n          'aria-multiselectable': canSelectMultipleLegends,\n        })}\n      >\n        <OverflowSet\n          items={data.primary}\n          overflowItems={data.overflow}\n          onRenderItem={this._renderButton}\n          onRenderOverflowButton={this._renderOverflowItems}\n          {...overflowProps}\n          styles={{ ...rootStyles, ...overflowProps?.styles }}\n        />\n      </FocusZone>\n    );\n  };\n\n  private _onReduceData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.primary.length === 0) {\n      return;\n    }\n    const overflow = [...currentdata.primary.slice(-1), ...currentdata.overflow];\n    const primary = currentdata.primary.slice(0, -1);\n    return { primary, overflow };\n  };\n\n  private _onGrowData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.overflow.length === 0) {\n      return;\n    }\n    const overflow = currentdata.overflow.slice(1);\n    const primary = [...currentdata.primary, ...currentdata.overflow.slice(0, 1)];\n    return { primary, overflow };\n  };\n\n  /**\n   * This function will get called when there is an ability to\n   * select  multiple legends\n   * @param legend ILegend\n   */\n  private _canSelectMultipleLegends = (legend: ILegend): void => {\n    let selectedLegends = { ...this.state.selectedLegends };\n    if (selectedLegends[legend.title]) {\n      // Delete entry for the deselected legend to make\n      // the number of keys equal to the number of selected legends\n      delete selectedLegends[legend.title];\n    } else {\n      selectedLegends[legend.title] = true;\n      // Clear set if all legends are selected\n      if (Object.keys(selectedLegends).length === this.props.legends.length) {\n        selectedLegends = {};\n      }\n    }\n    this.setState({ selectedLegends });\n  };\n\n  /**\n   * This function will get called when there is\n   * ability to select only single legend\n   * @param legend ILegend\n   */\n\n  private _canSelectOnlySingleLegend = (legend: ILegend): void => {\n    if (this.state.selectedLegend === legend.title) {\n      this.setState({ selectedLegend: '' });\n    } else {\n      this.setState({ selectedLegend: legend.title });\n    }\n  };\n\n  private _onClick = (legend: ILegend): void => {\n    if (legend.action) {\n      const { canSelectMultipleLegends = false } = this.props;\n      if (canSelectMultipleLegends) {\n        this._canSelectMultipleLegends(legend);\n      } else {\n        this._canSelectOnlySingleLegend(legend);\n      }\n      legend.action();\n    }\n  };\n\n  private _onRenderCompactCard = (expandingCard: IExpandingCardProps): JSX.Element => {\n    const { allowFocusOnLegends = true, className, styles, theme, canSelectMultipleLegends = false } = this.props;\n    const overflowHoverCardLegends: JSX.Element[] = [];\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    expandingCard.renderData.forEach((legend: IOverflowSetItemProps, index: number) => {\n      const hoverCardElement = this._renderButton(legend, index, true);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const hoverCardData = (\n      <FocusZone\n        {...(allowFocusOnLegends && {\n          role: 'listbox',\n          'aria-label': 'Legends',\n          'aria-multiselectable': canSelectMultipleLegends,\n        })}\n        direction={FocusZoneDirection.vertical}\n        {...this.props.focusZonePropsInHoverCard}\n        className={classNames.hoverCardRoot}\n      >\n        {overflowHoverCardLegends}\n      </FocusZone>\n    );\n    return hoverCardData;\n  };\n\n  private _renderOverflowItems = (legends: ILegend[]) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const items: IContextualMenuItem[] = [];\n    legends.forEach((legend: ILegend, i: number) => {\n      items.push({ key: i.toString(), name: legend.title, onClick: legend.action });\n    });\n    const renderOverflowData: IExpandingCardProps = { renderData: legends };\n    const { theme, className, styles, overflowText } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    const plainCardProps = {\n      onRenderPlainCard: this._onRenderCompactCard,\n      renderData: renderOverflowData,\n    };\n\n    const overflowString = overflowText ? overflowText : 'more';\n    // execute similar to \"_onClick\" and \"_onLeave\" logic at HoverCard onCardHide event\n    const onHoverCardHideHandler = () => {\n      this.setState({ isHoverCardVisible: false });\n      // Unhighlight the focused legend in the hover card\n      const activeOverflowItem = find(legends, (legend: ILegend) => legend.title === this.state.activeLegend);\n      if (activeOverflowItem) {\n        this.setState({ activeLegend: '' });\n        if (activeOverflowItem.onMouseOutAction) {\n          activeOverflowItem.onMouseOutAction();\n        }\n      }\n    };\n    return (\n      <HoverCard\n        type={HoverCardType.plain}\n        plainCardProps={plainCardProps}\n        instantOpenOnClick={true}\n        // eslint-disable-next-line react/jsx-no-bind\n        onCardHide={onHoverCardHideHandler}\n        setInitialFocus={true}\n        trapFocus={true}\n        onCardVisible={this._hoverCardVisible}\n        styles={classNames.subComponentStyles.hoverCardStyles}\n        cardDismissDelay={300}\n        target={this._hoverCardRef}\n      >\n        <div\n          className={classNames.overflowIndicationTextStyle}\n          ref={(rootElem: HTMLDivElement) => (this._hoverCardRef = rootElem)}\n          {...(allowFocusOnLegends && {\n            role: 'button',\n            'aria-expanded': this.state.isHoverCardVisible,\n            'aria-label': `${items.length} ${overflowString}`,\n          })}\n          data-is-focusable={allowFocusOnLegends}\n        >\n          {items.length} {overflowString}\n        </div>\n      </HoverCard>\n    );\n  };\n\n  private _hoverCardVisible = () => {\n    this.setState({ isHoverCardVisible: true });\n  };\n\n  private _onHoverOverLegend = (legend: ILegend) => {\n    if (legend.hoverAction) {\n      this.setState({ activeLegend: legend.title });\n      legend.hoverAction();\n    }\n  };\n\n  private _onLeave = (legend: ILegend) => {\n    if (legend.onMouseOutAction) {\n      this.setState({ activeLegend: '' });\n      legend.onMouseOutAction();\n    }\n  };\n\n  private _renderButton = (data: IOverflowSetItemProps, index?: number, overflow?: boolean) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const legend: ILegend = {\n      title: data.title,\n      color: data.color,\n      shape: data.shape,\n      action: data.action,\n      hoverAction: data.hoverAction,\n      onMouseOutAction: data.onMouseOutAction,\n      stripePattern: data.stripePattern,\n      isLineLegendInBarChart: data.isLineLegendInBarChart,\n      opacity: data.opacity,\n    };\n    const color = this._getColor(legend.title, legend.color);\n    const { theme, className, styles, canSelectMultipleLegends = false } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n      colorOnSelectedState: color,\n      borderColor: legend.color,\n      overflow: overflow,\n      stripePattern: legend.stripePattern,\n      isLineLegendInBarChart: legend.isLineLegendInBarChart,\n      opacity: legend.opacity,\n    });\n    const onClickHandler = () => {\n      this._onClick(legend);\n    };\n    const onHoverHandler = () => {\n      this._onHoverOverLegend(legend);\n    };\n    const onMouseOut = () => {\n      this._onLeave(legend);\n    };\n    const shape = this._getShape(classNames, legend, color);\n    return (\n      <button\n        {...(allowFocusOnLegends && {\n          'aria-selected': canSelectMultipleLegends\n            ? !!this.state.selectedLegends[legend.title]\n            : this.state.selectedLegend === legend.title,\n          role: 'option',\n          'aria-label': `${legend.title}`,\n          'aria-setsize': data['aria-setsize'],\n          'aria-posinset': data['aria-posinset'],\n        })}\n        {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n        key={index}\n        className={classNames.legend}\n        onClick={onClickHandler}\n        onMouseOver={onHoverHandler}\n        onMouseOut={onMouseOut}\n        onFocus={onHoverHandler}\n        onBlur={onMouseOut}\n        data-is-focusable={allowFocusOnLegends}\n        /* eslint-enable react/jsx-no-bind */\n      >\n        {shape}\n        <div className={classNames.text}>{legend.title}</div>\n      </button>\n    );\n  };\n\n  private _getShape(\n    classNames: IProcessedStyleSet<ILegendsStyles>,\n    legend: ILegend,\n    color: string,\n  ): React.ReactNode | string {\n    const svgParentProps: React.SVGAttributes<SVGElement> = {\n      className: classNames.shape,\n    };\n    const svgChildProps: React.SVGAttributes<SVGElement> = {\n      fill: color,\n      strokeWidth: 2,\n      stroke: legend.color,\n    };\n    return (\n      <Shape\n        svgProps={svgParentProps}\n        pathProps={svgChildProps}\n        shape={legend.shape as LegendShape}\n        classNameForNonSvg={classNames.rect}\n      />\n    );\n  }\n\n  private _getColor(title: string, color: string): string {\n    const { theme } = this.props;\n    const { palette } = theme!;\n    let legendColor = color;\n    // if one or more legends are selected\n    if (this._isLegendSelected) {\n      // if the given legend (title) is one of the selected legends\n      if (this.state.selectedLegend === title || this.state.selectedLegends[title]) {\n        legendColor = color;\n      }\n      // if the given legend is unselected\n      else {\n        legendColor = palette.white;\n      }\n    }\n    // if no legend is selected\n    else {\n      // if the given legend is hovered\n      // or none of the legends is hovered\n      if (this.state.activeLegend === title || this.state.activeLegend === '') {\n        legendColor = color;\n      }\n      // if there is a hovered legend but the given legend is not the one\n      else {\n        legendColor = palette.white;\n      }\n    }\n    return legendColor;\n  }\n}\n"]}
+{"version":3,"file":"Legends.base.js","sourceRoot":"../src/","sources":["components/Legends/Legends.base.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAG/B,2DAA8F;AAC9F,2DAA2G;AAC3G,+DAA8D;AAE9D,+DAAqF;AACrF,qDAAsE;AAStE,iCAAgC;AAEhC,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAqC,CAAC;AAwB9E;IAAiC,uCAA4C;IAM3E,qBAAmB,KAAoB;QAAvC,YACE,kBAAM,KAAK,CAAC,SAOb;QAXD,oEAAoE;QAC5D,uBAAiB,GAAG,KAAK,CAAC;QAkE1B,mBAAa,GAAG,UAAC,IAAiD;YAClE,IAAA,KAAkF,KAAI,CAAC,KAAK,EAA1F,aAAa,mBAAA,EAAE,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAAE,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAe,CAAC;YACnG,IAAM,UAAU,GAAG;gBACjB,IAAI,EAAE;oBACJ,cAAc,EAAE,KAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;oBAC7D,QAAQ,EAAE,MAAM;iBACjB;aACF,CAAC;YACF,OAAO,CACL,oBAAC,uBAAS,uBACJ,CAAC,mBAAmB,IAAI;gBAC1B,IAAI,EAAE,SAAS;gBACf,YAAY,EAAE,SAAS;gBACvB,sBAAsB,EAAE,wBAAwB;aACjD,CAAC;gBAEF,oBAAC,yBAAW,qBACV,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,aAAa,EAAE,IAAI,CAAC,QAAQ,EAC5B,YAAY,EAAE,KAAI,CAAC,aAAa,EAChC,sBAAsB,EAAE,KAAI,CAAC,oBAAoB,IAC7C,aAAa,IACjB,MAAM,wCAAO,UAAU,GAAK,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KACjD,CACQ,CACb,CAAC;QACJ,CAAC,CAAC;QAEM,mBAAa,GAAG,UAAC,WAAkC;YACzD,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBACpC,OAAO;aACR;YACD,IAAM,QAAQ,mDAAO,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAK,WAAW,CAAC,QAAQ,OAAC,CAAC;YAC7E,IAAM,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACjD,OAAO,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC/B,CAAC,CAAC;QAEM,iBAAW,GAAG,UAAC,WAAkC;YACvD,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrC,OAAO;aACR;YACD,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC/C,IAAM,OAAO,mDAAO,WAAW,CAAC,OAAO,SAAK,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,OAAC,CAAC;YAC9E,OAAO,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAC/B,CAAC,CAAC;QAEF;;;;WAIG;QACK,+BAAyB,GAAG,UAAC,MAAe;YAClD,IAAI,eAAe,wBAAQ,KAAI,CAAC,KAAK,CAAC,eAAe,CAAE,CAAC;YACxD,IAAI,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBACjC,iDAAiD;gBACjD,6DAA6D;gBAC7D,OAAO,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACtC;iBAAM;gBACL,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;gBACrC,wCAAwC;gBACxC,IAAI,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,MAAM,KAAK,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;oBACrE,eAAe,GAAG,EAAE,CAAC;iBACtB;aACF;YACD,KAAI,CAAC,QAAQ,CAAC,EAAE,eAAe,iBAAA,EAAE,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF;;;;WAIG;QAEK,gCAA0B,GAAG,UAAC,MAAe;YACnD,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,KAAK,EAAE;gBAC9C,KAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;aACvC;iBAAM;gBACL,KAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;aACjD;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,MAAe;YACjC,IAAI,MAAM,CAAC,MAAM,EAAE;gBACT,IAAA,KAAqC,KAAI,CAAC,KAAK,yBAAf,EAAhC,wBAAwB,mBAAG,KAAK,KAAA,CAAgB;gBACxD,IAAI,wBAAwB,EAAE;oBAC5B,KAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;iBACxC;qBAAM;oBACL,KAAI,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC;iBACzC;gBACD,MAAM,CAAC,MAAM,EAAE,CAAC;aACjB;QACH,CAAC,CAAC;QAEM,0BAAoB,GAAG,UAAC,aAAkC;YAC1D,IAAA,KAA6F,KAAI,CAAC,KAAK,EAArG,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAe,CAAC;YAC9G,IAAM,wBAAwB,GAAkB,EAAE,CAAC;YACnD,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,SAAS,WAAA;aACV,CAAC,CAAC;YACH,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,UAAC,MAA6B,EAAE,KAAa;gBAC5E,IAAM,gBAAgB,GAAG,KAAI,CAAC,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBACjE,wBAAwB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC;YACH,IAAM,aAAa,GAAG,CACpB,oBAAC,uBAAS,uBACJ,CAAC,mBAAmB,IAAI;gBAC1B,IAAI,EAAE,SAAS;gBACf,YAAY,EAAE,SAAS;gBACvB,sBAAsB,EAAE,wBAAwB;aACjD,CAAC,IACF,SAAS,EAAE,gCAAkB,CAAC,QAAQ,IAClC,KAAI,CAAC,KAAK,CAAC,yBAAyB,IACxC,SAAS,EAAE,UAAU,CAAC,aAAa,KAElC,wBAAwB,CACf,CACb,CAAC;YACF,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;QAEM,0BAAoB,GAAG,UAAC,OAAkB;YACxC,IAAA,KAA+B,KAAI,CAAC,KAAK,oBAAf,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,CAAgB;YAClD,IAAM,KAAK,GAA0B,EAAE,CAAC;YACxC,OAAO,CAAC,OAAO,CAAC,UAAC,MAAe,EAAE,CAAS;gBACzC,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;YAChF,CAAC,CAAC,CAAC;YACH,IAAM,kBAAkB,GAAwB,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;YAClE,IAAA,KAA6C,KAAI,CAAC,KAAK,EAArD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAe,CAAC;YAC9D,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,SAAS,WAAA;aACV,CAAC,CAAC;YACH,IAAM,cAAc,GAAG;gBACrB,iBAAiB,EAAE,KAAI,CAAC,oBAAoB;gBAC5C,UAAU,EAAE,kBAAkB;aAC/B,CAAC;YAEF,IAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC;YAC5D,mFAAmF;YACnF,IAAM,sBAAsB,GAAG;gBAC7B,KAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC7C,mDAAmD;gBACnD,IAAM,kBAAkB,GAAG,IAAA,gBAAI,EAAC,OAAO,EAAE,UAAC,MAAe,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,KAAI,CAAC,KAAK,CAAC,YAAY,EAAxC,CAAwC,CAAC,CAAC;gBACxG,IAAI,kBAAkB,EAAE;oBACtB,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;oBACpC,IAAI,kBAAkB,CAAC,gBAAgB,EAAE;wBACvC,kBAAkB,CAAC,gBAAgB,EAAE,CAAC;qBACvC;iBACF;YACH,CAAC,CAAC;YACF,OAAO,CACL,oBAAC,qBAAS,IACR,IAAI,EAAE,yBAAa,CAAC,KAAK,EACzB,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE,IAAI;gBACxB,6CAA6C;gBAC7C,UAAU,EAAE,sBAAsB,EAClC,eAAe,EAAE,IAAI,EACrB,SAAS,EAAE,IAAI,EACf,aAAa,EAAE,KAAI,CAAC,iBAAiB,EACrC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,eAAe,EACrD,gBAAgB,EAAE,GAAG,EACrB,MAAM,EAAE,KAAI,CAAC,aAAa;gBAE1B,8CACE,SAAS,EAAE,UAAU,CAAC,2BAA2B,EACjD,GAAG,EAAE,UAAC,QAAwB,IAAK,OAAA,CAAC,KAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,EAA/B,CAA+B,IAC9D,CAAC,mBAAmB,IAAI;oBAC1B,IAAI,EAAE,QAAQ;oBACd,eAAe,EAAE,KAAI,CAAC,KAAK,CAAC,kBAAkB;oBAC9C,YAAY,EAAE,UAAG,KAAK,CAAC,MAAM,cAAI,cAAc,CAAE;iBAClD,CAAC,yBACiB,mBAAmB;oBAErC,KAAK,CAAC,MAAM;;oBAAG,cAAc,CAC1B,CACI,CACb,CAAC;QACJ,CAAC,CAAC;QAEM,uBAAiB,GAAG;YAC1B,KAAI,CAAC,QAAQ,CAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEM,wBAAkB,GAAG,UAAC,MAAe;YAC3C,IAAI,MAAM,CAAC,WAAW,EAAE;gBACtB,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;gBAC9C,MAAM,CAAC,WAAW,EAAE,CAAC;aACtB;QACH,CAAC,CAAC;QAEM,cAAQ,GAAG,UAAC,MAAe;YACjC,IAAI,MAAM,CAAC,gBAAgB,EAAE;gBAC3B,KAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;gBACpC,MAAM,CAAC,gBAAgB,EAAE,CAAC;aAC3B;QACH,CAAC,CAAC;QAEM,mBAAa,GAAG,UAAC,IAA2B,EAAE,KAAc,EAAE,QAAkB;YAC9E,IAAA,KAA+B,KAAI,CAAC,KAAK,oBAAf,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,CAAgB;YAClD,IAAM,MAAM,GAAY;gBACtB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,sBAAsB,EAAE,IAAI,CAAC,sBAAsB;gBACnD,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,CAAC;YACF,IAAM,KAAK,GAAG,KAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;YACnD,IAAA,KAAiE,KAAI,CAAC,KAAK,EAAzE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,gCAAgC,EAAhC,wBAAwB,mBAAG,KAAK,KAAe,CAAC;YAClF,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;gBACxC,KAAK,EAAE,KAAM;gBACb,SAAS,WAAA;gBACT,oBAAoB,EAAE,KAAK;gBAC3B,WAAW,EAAE,MAAM,CAAC,KAAK;gBACzB,QAAQ,EAAE,QAAQ;gBAClB,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB;gBACrD,OAAO,EAAE,MAAM,CAAC,OAAO;aACxB,CAAC,CAAC;YACH,IAAM,cAAc,GAAG;gBACrB,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACxB,CAAC,CAAC;YACF,IAAM,cAAc,GAAG;gBACrB,KAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC,CAAC;YACF,IAAM,UAAU,GAAG;gBACjB,KAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;YACxB,CAAC,CAAC;YACF,IAAM,KAAK,GAAG,KAAI,CAAC,SAAS,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YACxD,OAAO,CACL,mDACM,CAAC,mBAAmB,IAAI;gBAC1B,eAAe,EAAE,wBAAwB;oBACvC,CAAC,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC5C,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,KAAK;gBAC9C,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,UAAG,MAAM,CAAC,KAAK,CAAE;gBAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC;gBACpC,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;aACvC,CAAC,EACE,CAAC,IAAI,CAAC,iBAAiB,yBAAS,IAAI,CAAC,iBAAiB,CAAE,CAAC,IAC7D,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,MAAM,EAC5B,OAAO,EAAE,cAAc,EACvB,WAAW,EAAE,cAAc,EAC3B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,UAAU,uBACC,mBAAmB;gBAGrC,KAAK;gBACN,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,KAAK,CAAO,CAC9C,CACV,CAAC;QACJ,CAAC,CAAC;QAlUA,KAAI,CAAC,KAAK,GAAG;YACX,cAAc,EAAE,EAAE;YAClB,YAAY,EAAE,EAAE;YAChB,kBAAkB,EAAE,KAAK;YACzB,eAAe,EAAE,EAAE;SACpB,CAAC;;IACJ,CAAC;IAEM,4BAAM,GAAb;QACQ,IAAA,KAA+B,IAAI,CAAC,KAAK,EAAvC,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAe,CAAC;QAChD,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,SAAS,WAAA;SACV,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,EAAE,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAChH,IAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,IAClC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC7B,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CACjC,CAAC,CAAC,CAAC,CACF,oBAAC,yBAAW,IACV,IAAI,EAAE,YAAY,EAClB,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,UAAU,EAAE,IAAI,CAAC,WAAW,GAC5B,CACH,CACG,CACP,CAAC;IACJ,CAAC;IAEO,mCAAa,GAArB;QAAA,iBA4BC;QA3BS,IAAA,KAA+B,IAAI,CAAC,KAAK,oBAAf,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,CAAgB;QAClD,IAAM,SAAS,GAAkB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAe,EAAE,KAAa;YACrF,6CACK,CAAC,mBAAmB,IAAI;gBACzB,iBAAiB,EAAE,IAAA,0BAAc,EAA0C,MAAM,EAAE,4BAAgB,EAAE;oBACnG,OAAO;iBACR,CAAC;gBACF,cAAc,EAAE,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;gBACzC,eAAe,EAAE,KAAK,GAAG,CAAC;aAC3B,CAAC,KACF,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,MAAM,EAAE,MAAM,CAAC,MAAO,EACtB,WAAW,EAAE,MAAM,CAAC,WAAY,EAChC,gBAAgB,EAAE,MAAM,CAAC,gBAAiB,EAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,aAAa,EAAE,MAAM,CAAC,aAAa,EACnC,sBAAsB,EAAE,MAAM,CAAC,sBAAsB,EACrD,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,GAAG,EAAE,KAAK,IACV;QACJ,CAAC,CAAC,CAAC;QACH,IAAM,MAAM,GAAwB;YAClC,OAAO,EAAE,SAAS;YAClB,QAAQ,EAAE,EAAE;SACb,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC;IAwQO,+BAAS,GAAjB,UACE,UAA8C,EAC9C,MAAe,EACf,KAAa;QAEb,IAAM,cAAc,GAAoC;YACtD,SAAS,EAAE,UAAU,CAAC,KAAK;SAC5B,CAAC;QACF,IAAM,aAAa,GAAoC;YACrD,IAAI,EAAE,KAAK;YACX,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,MAAM,CAAC,KAAK;SACrB,CAAC;QACF,OAAO,CACL,oBAAC,aAAK,IACJ,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,MAAM,CAAC,KAAoB,EAClC,kBAAkB,EAAE,UAAU,CAAC,IAAI,GACnC,CACH,CAAC;IACJ,CAAC;IAEO,+BAAS,GAAjB,UAAkB,KAAa,EAAE,KAAa;QACpC,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAgB;QACrB,IAAA,OAAO,GAAK,KAAM,QAAX,CAAY;QAC3B,IAAI,WAAW,GAAG,KAAK,CAAC;QACxB,sCAAsC;QACtC,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC1B,6DAA6D;YAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE;gBAC5E,WAAW,GAAG,KAAK,CAAC;aACrB;YACD,oCAAoC;iBAC/B;gBACH,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;aAC7B;SACF;QACD,2BAA2B;aACtB;YACH,iCAAiC;YACjC,oCAAoC;YACpC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,EAAE,EAAE;gBACvE,WAAW,GAAG,KAAK,CAAC;aACrB;YACD,mEAAmE;iBAC9D;gBACH,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;aAC7B;SACF;QACD,OAAO,WAAW,CAAC;IACrB,CAAC;IACH,kBAAC;AAAD,CAAC,AAhYD,CAAiC,KAAK,CAAC,SAAS,GAgY/C;AAhYY,kCAAW","sourcesContent":["import * as React from 'react';\n\nimport { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu';\nimport { HoverCard, HoverCardType, IExpandingCardProps } from '@fluentui/react/lib/HoverCard';\nimport { classNamesFunction, find, getNativeProps, buttonProperties } from '@fluentui/react/lib/Utilities';\nimport { ResizeGroup } from '@fluentui/react/lib/ResizeGroup';\nimport { IProcessedStyleSet } from '@fluentui/react/lib/Styling';\nimport { OverflowSet, IOverflowSetItemProps } from '@fluentui/react/lib/OverflowSet';\nimport { FocusZone, FocusZoneDirection } from '@fluentui/react-focus';\nimport {\n  ILegend,\n  ILegendsProps,\n  LegendShape,\n  ILegendsStyles,\n  ILegendStyleProps,\n  ILegendOverflowData,\n} from './Legends.types';\nimport { Shape } from './shape';\n\nconst getClassNames = classNamesFunction<ILegendStyleProps, ILegendsStyles>();\n\n// This is an internal interface used for rendering the legends with unique key\ninterface ILegendItem extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  name?: string;\n  title: string;\n  action: VoidFunction;\n  hoverAction: VoidFunction;\n  onMouseOutAction: VoidFunction;\n  color: string;\n  shape?: LegendShape;\n  key: number;\n  opacity?: number;\n  stripePattern?: boolean;\n  isLineLegendInBarChart?: boolean;\n}\n\nexport interface ILegendState {\n  selectedLegend: string;\n  activeLegend: string;\n  isHoverCardVisible: boolean;\n  /** Set of legends selected when multiple selection is allowed */\n  selectedLegends: { [key: string]: boolean };\n}\nexport class LegendsBase extends React.Component<ILegendsProps, ILegendState> {\n  private _hoverCardRef: HTMLDivElement;\n  private _classNames: IProcessedStyleSet<ILegendsStyles>;\n  /** Boolean variable to check if one or more legends are selected */\n  private _isLegendSelected = false;\n\n  public constructor(props: ILegendsProps) {\n    super(props);\n    this.state = {\n      selectedLegend: '',\n      activeLegend: '',\n      isHoverCardVisible: false,\n      selectedLegends: {},\n    };\n  }\n\n  public render(): JSX.Element {\n    const { theme, className, styles } = this.props;\n    this._classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    this._isLegendSelected = this.state.selectedLegend !== '' || Object.keys(this.state.selectedLegends).length > 0;\n    const dataToRender = this._generateData();\n    return (\n      <div className={this._classNames.root}>\n        {this.props.enabledWrapLines ? (\n          this._onRenderData(dataToRender)\n        ) : (\n          <ResizeGroup\n            data={dataToRender}\n            onReduceData={this._onReduceData}\n            onRenderData={this._onRenderData}\n            onGrowData={this._onGrowData}\n          />\n        )}\n      </div>\n    );\n  }\n\n  private _generateData(): ILegendOverflowData {\n    const { allowFocusOnLegends = true } = this.props;\n    const dataItems: ILegendItem[] = this.props.legends.map((legend: ILegend, index: number) => {\n      return {\n        ...(allowFocusOnLegends && {\n          nativeButtonProps: getNativeProps<React.HTMLAttributes<HTMLButtonElement>>(legend, buttonProperties, [\n            'title',\n          ]),\n          'aria-setsize': this.props.legends.length,\n          'aria-posinset': index + 1,\n        }),\n        title: legend.title,\n        action: legend.action!,\n        hoverAction: legend.hoverAction!,\n        onMouseOutAction: legend.onMouseOutAction!,\n        color: legend.color,\n        shape: legend.shape,\n        stripePattern: legend.stripePattern,\n        isLineLegendInBarChart: legend.isLineLegendInBarChart,\n        opacity: legend.opacity,\n        key: index,\n      };\n    });\n    const result: ILegendOverflowData = {\n      primary: dataItems,\n      overflow: [],\n    };\n    return result;\n  }\n\n  private _onRenderData = (data: IOverflowSetItemProps | ILegendOverflowData): JSX.Element => {\n    const { overflowProps, allowFocusOnLegends = true, canSelectMultipleLegends = false } = this.props;\n    const rootStyles = {\n      root: {\n        justifyContent: this.props.centerLegends ? 'center' : 'unset',\n        flexWrap: 'wrap',\n      },\n    };\n    return (\n      <FocusZone\n        {...(allowFocusOnLegends && {\n          role: 'listbox',\n          'aria-label': 'Legends',\n          'aria-multiselectable': canSelectMultipleLegends,\n        })}\n      >\n        <OverflowSet\n          items={data.primary}\n          overflowItems={data.overflow}\n          onRenderItem={this._renderButton}\n          onRenderOverflowButton={this._renderOverflowItems}\n          {...overflowProps}\n          styles={{ ...rootStyles, ...overflowProps?.styles }}\n        />\n      </FocusZone>\n    );\n  };\n\n  private _onReduceData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.primary.length === 0) {\n      return;\n    }\n    const overflow = [...currentdata.primary.slice(-1), ...currentdata.overflow];\n    const primary = currentdata.primary.slice(0, -1);\n    return { primary, overflow };\n  };\n\n  private _onGrowData = (currentdata: IOverflowSetItemProps): {} | void => {\n    if (currentdata.overflow.length === 0) {\n      return;\n    }\n    const overflow = currentdata.overflow.slice(1);\n    const primary = [...currentdata.primary, ...currentdata.overflow.slice(0, 1)];\n    return { primary, overflow };\n  };\n\n  /**\n   * This function will get called when there is an ability to\n   * select  multiple legends\n   * @param legend ILegend\n   */\n  private _canSelectMultipleLegends = (legend: ILegend): void => {\n    let selectedLegends = { ...this.state.selectedLegends };\n    if (selectedLegends[legend.title]) {\n      // Delete entry for the deselected legend to make\n      // the number of keys equal to the number of selected legends\n      delete selectedLegends[legend.title];\n    } else {\n      selectedLegends[legend.title] = true;\n      // Clear set if all legends are selected\n      if (Object.keys(selectedLegends).length === this.props.legends.length) {\n        selectedLegends = {};\n      }\n    }\n    this.setState({ selectedLegends });\n  };\n\n  /**\n   * This function will get called when there is\n   * ability to select only single legend\n   * @param legend ILegend\n   */\n\n  private _canSelectOnlySingleLegend = (legend: ILegend): void => {\n    if (this.state.selectedLegend === legend.title) {\n      this.setState({ selectedLegend: '' });\n    } else {\n      this.setState({ selectedLegend: legend.title });\n    }\n  };\n\n  private _onClick = (legend: ILegend): void => {\n    if (legend.action) {\n      const { canSelectMultipleLegends = false } = this.props;\n      if (canSelectMultipleLegends) {\n        this._canSelectMultipleLegends(legend);\n      } else {\n        this._canSelectOnlySingleLegend(legend);\n      }\n      legend.action();\n    }\n  };\n\n  private _onRenderCompactCard = (expandingCard: IExpandingCardProps): JSX.Element => {\n    const { allowFocusOnLegends = true, className, styles, theme, canSelectMultipleLegends = false } = this.props;\n    const overflowHoverCardLegends: JSX.Element[] = [];\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    expandingCard.renderData.forEach((legend: IOverflowSetItemProps, index: number) => {\n      const hoverCardElement = this._renderButton(legend, index, true);\n      overflowHoverCardLegends.push(hoverCardElement);\n    });\n    const hoverCardData = (\n      <FocusZone\n        {...(allowFocusOnLegends && {\n          role: 'listbox',\n          'aria-label': 'Legends',\n          'aria-multiselectable': canSelectMultipleLegends,\n        })}\n        direction={FocusZoneDirection.vertical}\n        {...this.props.focusZonePropsInHoverCard}\n        className={classNames.hoverCardRoot}\n      >\n        {overflowHoverCardLegends}\n      </FocusZone>\n    );\n    return hoverCardData;\n  };\n\n  private _renderOverflowItems = (legends: ILegend[]) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const items: IContextualMenuItem[] = [];\n    legends.forEach((legend: ILegend, i: number) => {\n      items.push({ key: i.toString(), name: legend.title, onClick: legend.action });\n    });\n    const renderOverflowData: IExpandingCardProps = { renderData: legends };\n    const { theme, className, styles, overflowText } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n    });\n    const plainCardProps = {\n      onRenderPlainCard: this._onRenderCompactCard,\n      renderData: renderOverflowData,\n    };\n\n    const overflowString = overflowText ? overflowText : 'more';\n    // execute similar to \"_onClick\" and \"_onLeave\" logic at HoverCard onCardHide event\n    const onHoverCardHideHandler = () => {\n      this.setState({ isHoverCardVisible: false });\n      // Unhighlight the focused legend in the hover card\n      const activeOverflowItem = find(legends, (legend: ILegend) => legend.title === this.state.activeLegend);\n      if (activeOverflowItem) {\n        this.setState({ activeLegend: '' });\n        if (activeOverflowItem.onMouseOutAction) {\n          activeOverflowItem.onMouseOutAction();\n        }\n      }\n    };\n    return (\n      <HoverCard\n        type={HoverCardType.plain}\n        plainCardProps={plainCardProps}\n        instantOpenOnClick={true}\n        // eslint-disable-next-line react/jsx-no-bind\n        onCardHide={onHoverCardHideHandler}\n        setInitialFocus={true}\n        trapFocus={true}\n        onCardVisible={this._hoverCardVisible}\n        styles={classNames.subComponentStyles.hoverCardStyles}\n        cardDismissDelay={300}\n        target={this._hoverCardRef}\n      >\n        <div\n          className={classNames.overflowIndicationTextStyle}\n          ref={(rootElem: HTMLDivElement) => (this._hoverCardRef = rootElem)}\n          {...(allowFocusOnLegends && {\n            role: 'button',\n            'aria-expanded': this.state.isHoverCardVisible,\n            'aria-label': `${items.length} ${overflowString}`,\n          })}\n          data-is-focusable={allowFocusOnLegends}\n        >\n          {items.length} {overflowString}\n        </div>\n      </HoverCard>\n    );\n  };\n\n  private _hoverCardVisible = () => {\n    this.setState({ isHoverCardVisible: true });\n  };\n\n  private _onHoverOverLegend = (legend: ILegend) => {\n    if (legend.hoverAction) {\n      this.setState({ activeLegend: legend.title });\n      legend.hoverAction();\n    }\n  };\n\n  private _onLeave = (legend: ILegend) => {\n    if (legend.onMouseOutAction) {\n      this.setState({ activeLegend: '' });\n      legend.onMouseOutAction();\n    }\n  };\n\n  private _renderButton = (data: IOverflowSetItemProps, index?: number, overflow?: boolean) => {\n    const { allowFocusOnLegends = true } = this.props;\n    const legend: ILegend = {\n      title: data.title,\n      color: data.color,\n      shape: data.shape,\n      action: data.action,\n      hoverAction: data.hoverAction,\n      onMouseOutAction: data.onMouseOutAction,\n      stripePattern: data.stripePattern,\n      isLineLegendInBarChart: data.isLineLegendInBarChart,\n      opacity: data.opacity,\n    };\n    const color = this._getColor(legend.title, legend.color);\n    const { theme, className, styles, canSelectMultipleLegends = false } = this.props;\n    const classNames = getClassNames(styles!, {\n      theme: theme!,\n      className,\n      colorOnSelectedState: color,\n      borderColor: legend.color,\n      overflow: overflow,\n      stripePattern: legend.stripePattern,\n      isLineLegendInBarChart: legend.isLineLegendInBarChart,\n      opacity: legend.opacity,\n    });\n    const onClickHandler = () => {\n      this._onClick(legend);\n    };\n    const onHoverHandler = () => {\n      this._onHoverOverLegend(legend);\n    };\n    const onMouseOut = () => {\n      this._onLeave(legend);\n    };\n    const shape = this._getShape(classNames, legend, color);\n    return (\n      <button\n        {...(allowFocusOnLegends && {\n          'aria-selected': canSelectMultipleLegends\n            ? !!this.state.selectedLegends[legend.title]\n            : this.state.selectedLegend === legend.title,\n          role: 'option',\n          'aria-label': `${legend.title}`,\n          'aria-setsize': data['aria-setsize'],\n          'aria-posinset': data['aria-posinset'],\n        })}\n        {...(data.nativeButtonProps && { ...data.nativeButtonProps })}\n        key={index}\n        className={classNames.legend}\n        onClick={onClickHandler}\n        onMouseOver={onHoverHandler}\n        onMouseOut={onMouseOut}\n        onFocus={onHoverHandler}\n        onBlur={onMouseOut}\n        data-is-focusable={allowFocusOnLegends}\n        /* eslint-enable react/jsx-no-bind */\n      >\n        {shape}\n        <div className={classNames.text}>{legend.title}</div>\n      </button>\n    );\n  };\n\n  private _getShape(\n    classNames: IProcessedStyleSet<ILegendsStyles>,\n    legend: ILegend,\n    color: string,\n  ): React.ReactNode | string {\n    const svgParentProps: React.SVGAttributes<SVGElement> = {\n      className: classNames.shape,\n    };\n    const svgChildProps: React.SVGAttributes<SVGElement> = {\n      fill: color,\n      strokeWidth: 2,\n      stroke: legend.color,\n    };\n    return (\n      <Shape\n        svgProps={svgParentProps}\n        pathProps={svgChildProps}\n        shape={legend.shape as LegendShape}\n        classNameForNonSvg={classNames.rect}\n      />\n    );\n  }\n\n  private _getColor(title: string, color: string): string {\n    const { theme } = this.props;\n    const { palette } = theme!;\n    let legendColor = color;\n    // if one or more legends are selected\n    if (this._isLegendSelected) {\n      // if the given legend (title) is one of the selected legends\n      if (this.state.selectedLegend === title || this.state.selectedLegends[title]) {\n        legendColor = color;\n      }\n      // if the given legend is unselected\n      else {\n        legendColor = palette.white;\n      }\n    }\n    // if no legend is selected\n    else {\n      // if the given legend is hovered\n      // or none of the legends is hovered\n      if (this.state.activeLegend === title || this.state.activeLegend === '') {\n        legendColor = color;\n      }\n      // if there is a hovered legend but the given legend is not the one\n      else {\n        legendColor = palette.white;\n      }\n    }\n    return legendColor;\n  }\n}\n"]}

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

@@ -80,7 +80,7 @@ var getStyles = function (props) {
                 },
                 _b),
         },
-        text: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fonts.small), { lineHeight: '16px', color: theme === null || theme === void 0 ? void 0 : theme.semanticColors.bodyText, opacity: props.colorOnSelectedState === palette.white ? '0.67' : '' }),
+        text: tslib_1.__assign(tslib_1.__assign({}, fonts.small), { lineHeight: '16px', color: theme === null || theme === void 0 ? void 0 : theme.semanticColors.bodyText, opacity: props.colorOnSelectedState === palette.white ? '0.67' : '' }),
         hoverChange: {
             width: '12px',
             height: '12px',
@@ -91,7 +91,7 @@ var getStyles = function (props) {
         },
         overflowIndicationTextStyle: [
             (0, Styling_1.getFocusStyle)(theme, options),
-            (0, tslib_1.__assign)((0, tslib_1.__assign)({ cursor: 'pointer', color: theme === null || theme === void 0 ? void 0 : theme.semanticColors.bodyText }, fonts.small), { lineHeight: '16px', padding: '8px' }),
+            tslib_1.__assign(tslib_1.__assign({ cursor: 'pointer', color: theme === null || theme === void 0 ? void 0 : theme.semanticColors.bodyText }, fonts.small), { lineHeight: '16px', padding: '8px' }),
         ],
         hoverCardRoot: {
             padding: '8px',

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

@@ -1 +1 @@
-{"version":3,"file":"Legends.styles.js","sourceRoot":"../src/","sources":["components/Legends/Legends.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { ILegendsStyles, ILegendStyleProps } from './Legends.types';\nimport { HighContrastSelector, getFocusStyle, IGetFocusStylesOptions, IStyle } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: ILegendStyleProps): ILegendsStyles => {\n  const { className, theme, isLineLegendInBarChart = false } = props;\n  const { palette, fonts } = theme!;\n  const options: IGetFocusStylesOptions = {\n    inset: undefined,\n    position: undefined,\n    highContrastStyle: {\n      outlineColor: theme!.semanticColors.focusBorder,\n    },\n    borderColor: 'transparent',\n    outlineColor: undefined,\n  };\n  return {\n    root: [\n      {\n        whiteSpace: 'nowrap',\n        width: '100%',\n        alignItems: 'center',\n        margin: '-8px 0 0 -8px',\n      },\n      className,\n    ],\n    legend: [\n      getFocusStyle(theme!, options),\n      {\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        border: 'none',\n        padding: '8px',\n        background: 'none',\n        textTransform: 'capitalize',\n      },\n    ],\n    rect: {\n      selectors: {\n        [HighContrastSelector]: {\n          content: `linear-gradient(to right, ${props.colorOnSelectedState}, ${props.colorOnSelectedState})`,\n          opacity: props.colorOnSelectedState === palette.white ? '0.6' : '',\n        },\n      },\n      width: '12px',\n      height: isLineLegendInBarChart ? '4px' : '12px',\n      backgroundColor: props.stripePattern ? '' : props.colorOnSelectedState,\n      marginRight: '8px',\n      border: '1px solid',\n      borderColor: props.borderColor ? props.borderColor : theme?.semanticColors.buttonBorder,\n      content: props.stripePattern\n        ? // eslint-disable-next-line @fluentui/max-len\n          `repeating-linear-gradient(135deg, transparent, transparent 3px, ${props.colorOnSelectedState} 1px, ${props.colorOnSelectedState} 4px)`\n        : '',\n    },\n    shape: [\n      {\n        marginRight: '8px',\n      },\n    ],\n    triangle: {\n      width: '0',\n      height: '0',\n      borderLeft: '6px solid transparent',\n      borderRight: '6px solid transparent',\n      borderTop: '10.4px solid',\n      borderTopColor: props.colorOnSelectedState,\n      marginRight: '8px',\n      opacity: props.colorOnSelectedState === palette.white ? '0.6' : props.opacity ? props.opacity : '',\n      selectors: {\n        [HighContrastSelector]: {\n          border: '0px',\n          height: '10.4px',\n          width: '10.4px',\n          clipPath: 'polygon(50% 100%, 0 0, 100% 0)',\n          backgroundImage: `linear-gradient(to right, ${props.colorOnSelectedState}, ${props.colorOnSelectedState})`,\n        } as IStyle,\n      },\n    },\n    text: {\n      ...fonts.small,\n      lineHeight: '16px',\n      color: theme?.semanticColors.bodyText,\n      opacity: props.colorOnSelectedState === palette.white ? '0.67' : '',\n    },\n    hoverChange: {\n      width: '12px',\n      height: '12px',\n      backgroundColor: 'white',\n      marginRight: '8px',\n      border: '1px solid',\n      borderColor: props.borderColor ? props.borderColor : palette.black,\n    },\n    overflowIndicationTextStyle: [\n      getFocusStyle(theme!, options),\n      {\n        cursor: 'pointer',\n        color: theme?.semanticColors.bodyText,\n        ...fonts.small,\n        lineHeight: '16px',\n        padding: '8px',\n      },\n    ],\n    hoverCardRoot: {\n      padding: '8px',\n    },\n    subComponentStyles: {\n      hoverCardStyles: {\n        host: [getFocusStyle(theme!, options)],\n      },\n    },\n  };\n};\n"]}
+{"version":3,"file":"Legends.styles.js","sourceRoot":"../src/","sources":["components/Legends/Legends.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { ILegendsStyles, ILegendStyleProps } from './Legends.types';\nimport { HighContrastSelector, getFocusStyle, IGetFocusStylesOptions, IStyle } from '@fluentui/react/lib/Styling';\n\nexport const getStyles = (props: ILegendStyleProps): ILegendsStyles => {\n  const { className, theme, isLineLegendInBarChart = false } = props;\n  const { palette, fonts } = theme!;\n  const options: IGetFocusStylesOptions = {\n    inset: undefined,\n    position: undefined,\n    highContrastStyle: {\n      outlineColor: theme!.semanticColors.focusBorder,\n    },\n    borderColor: 'transparent',\n    outlineColor: undefined,\n  };\n  return {\n    root: [\n      {\n        whiteSpace: 'nowrap',\n        width: '100%',\n        alignItems: 'center',\n        margin: '-8px 0 0 -8px',\n      },\n      className,\n    ],\n    legend: [\n      getFocusStyle(theme!, options),\n      {\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        border: 'none',\n        padding: '8px',\n        background: 'none',\n        textTransform: 'capitalize',\n      },\n    ],\n    rect: {\n      selectors: {\n        [HighContrastSelector]: {\n          content: `linear-gradient(to right, ${props.colorOnSelectedState}, ${props.colorOnSelectedState})`,\n          opacity: props.colorOnSelectedState === palette.white ? '0.6' : '',\n        },\n      },\n      width: '12px',\n      height: isLineLegendInBarChart ? '4px' : '12px',\n      backgroundColor: props.stripePattern ? '' : props.colorOnSelectedState,\n      marginRight: '8px',\n      border: '1px solid',\n      borderColor: props.borderColor ? props.borderColor : theme?.semanticColors.buttonBorder,\n      content: props.stripePattern\n        ? // eslint-disable-next-line @fluentui/max-len\n          `repeating-linear-gradient(135deg, transparent, transparent 3px, ${props.colorOnSelectedState} 1px, ${props.colorOnSelectedState} 4px)`\n        : '',\n    },\n    shape: [\n      {\n        marginRight: '8px',\n      },\n    ],\n    triangle: {\n      width: '0',\n      height: '0',\n      borderLeft: '6px solid transparent',\n      borderRight: '6px solid transparent',\n      borderTop: '10.4px solid',\n      borderTopColor: props.colorOnSelectedState,\n      marginRight: '8px',\n      opacity: props.colorOnSelectedState === palette.white ? '0.6' : props.opacity ? props.opacity : '',\n      selectors: {\n        [HighContrastSelector]: {\n          border: '0px',\n          height: '10.4px',\n          width: '10.4px',\n          clipPath: 'polygon(50% 100%, 0 0, 100% 0)',\n          backgroundImage: `linear-gradient(to right, ${props.colorOnSelectedState}, ${props.colorOnSelectedState})`,\n        } as IStyle,\n      },\n    },\n    text: {\n      ...fonts.small,\n      lineHeight: '16px',\n      color: theme?.semanticColors.bodyText,\n      opacity: props.colorOnSelectedState === palette.white ? '0.67' : '',\n    },\n    hoverChange: {\n      width: '12px',\n      height: '12px',\n      backgroundColor: 'white',\n      marginRight: '8px',\n      border: '1px solid',\n      borderColor: props.borderColor ? props.borderColor : palette.black,\n    },\n    overflowIndicationTextStyle: [\n      getFocusStyle(theme!, options),\n      {\n        cursor: 'pointer',\n        color: theme?.semanticColors.bodyText,\n        ...fonts.small,\n        lineHeight: '16px',\n        padding: '8px',\n      },\n    ],\n    hoverCardRoot: {\n      padding: '8px',\n    },\n    subComponentStyles: {\n      hoverCardStyles: {\n        host: [getFocusStyle(theme!, options)],\n      },\n    },\n  };\n};\n"]}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./Legends"), exports);
-(0, tslib_1.__exportStar)(require("./Legends.types"), exports);
-(0, tslib_1.__exportStar)(require("./shape"), exports);
+tslib_1.__exportStar(require("./Legends"), exports);
+tslib_1.__exportStar(require("./Legends.types"), exports);
+tslib_1.__exportStar(require("./shape"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Legends/index.ts"],"names":[],"mappings":";;;AAAA,yDAA0B;AAC1B,+DAAgC;AAChC,uDAAwB","sourcesContent":["export * from './Legends';\nexport * from './Legends.types';\nexport * from './shape';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Legends/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,0DAAgC;AAChC,kDAAwB","sourcesContent":["export * from './Legends';\nexport * from './Legends.types';\nexport * from './shape';\n"]}

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

@@ -21,8 +21,8 @@ var Shape = function (_a) {
     if (Object.keys(pointPath).indexOf(shape) === -1) {
         return React.createElement("div", { className: classNameForNonSvg });
     }
-    return (React.createElement("svg", (0, tslib_1.__assign)({ width: 14, height: 14, viewBox: '-1 -1 14 14' }, svgProps, { transform: "rotate(".concat(shape === utilities_1.Points[utilities_1.Points.diamond] ? 45 : shape === utilities_1.Points[utilities_1.Points.pyramid] ? 180 : 0, ", 0, 0)") }),
-        React.createElement("path", (0, tslib_1.__assign)({ d: pointPath[shape] }, pathProps))));
+    return (React.createElement("svg", tslib_1.__assign({ width: 14, height: 14, viewBox: '-1 -1 14 14' }, svgProps, { transform: "rotate(".concat(shape === utilities_1.Points[utilities_1.Points.diamond] ? 45 : shape === utilities_1.Points[utilities_1.Points.pyramid] ? 180 : 0, ", 0, 0)") }),
+        React.createElement("path", tslib_1.__assign({ d: pointPath[shape] }, pathProps))));
 };
 exports.Shape = Shape;
 //# sourceMappingURL=shape.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"shape.js","sourceRoot":"../src/","sources":["components/Legends/shape.tsx"],"names":[],"mappings":";;;;;AAAA,6BAA+B;AAE/B,uDAAiE;AAajE,IAAM,SAAS;IACb,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,6CAA6C;IAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,iCAAiC;IAC/D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,2CAA2C;IAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,2CAA2C;IAC1E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,iCAAiC;IAChE,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,6BAA6B;IAC5D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,+DAA+D;IAC/F,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAC1B,uFAAuF;IACzF,GAAC,UAAG,wBAAY,CAAC,wBAAY,CAAC,UAAU,CAAC,CAAE,IAAG,2BAA2B;OAC1E,CAAC;AAEK,IAAM,KAAK,GAA0B,UAAC,EAAkD;QAAhD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA;IAC3F,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;QAChD,OAAO,6BAAK,SAAS,EAAE,kBAAkB,GAAI,CAAC;KAC/C;IACD,OAAO,CACL,mDACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,aAAa,IAClB,QAAQ,IACZ,SAAS,EAAE,iBAAU,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAS;QAEhH,oDAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,IAAM,SAAS,EAAI,CACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,KAAK,SAehB","sourcesContent":["import * as React from 'react';\nimport { LegendShape } from './Legends.types';\nimport { CustomPoints, Points } from '../../utilities/utilities';\n\nexport interface IShapeProps {\n  svgProps: React.SVGAttributes<SVGElement>;\n  pathProps: React.SVGAttributes<SVGPathElement>;\n  shape: LegendShape;\n  classNameForNonSvg?: string;\n}\n\ntype PointPathType = {\n  [key: string]: string;\n};\n\nconst pointPath: PointPathType = {\n  [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',\n  [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',\n  [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',\n  [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',\n  [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',\n  [`${Points[Points.octagon]}`]:\n    'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',\n  [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13',\n};\n\nexport const Shape: React.FC<IShapeProps> = ({ svgProps, pathProps, shape, classNameForNonSvg }) => {\n  if (Object.keys(pointPath).indexOf(shape) === -1) {\n    return <div className={classNameForNonSvg} />;\n  }\n  return (\n    <svg\n      width={14}\n      height={14}\n      viewBox={'-1 -1 14 14'}\n      {...svgProps}\n      transform={`rotate(${shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0}, 0, 0)`}\n    >\n      <path d={pointPath[shape]} {...pathProps} />\n    </svg>\n  );\n};\n"]}
+{"version":3,"file":"shape.js","sourceRoot":"../src/","sources":["components/Legends/shape.tsx"],"names":[],"mappings":";;;;;AAAA,6BAA+B;AAE/B,uDAAiE;AAajE,IAAM,SAAS;IACb,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,6CAA6C;IAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,iCAAiC;IAC/D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,2CAA2C;IAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,2CAA2C;IAC1E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,iCAAiC;IAChE,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,6BAA6B;IAC5D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,+DAA+D;IAC/F,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAC1B,uFAAuF;IACzF,GAAC,UAAG,wBAAY,CAAC,wBAAY,CAAC,UAAU,CAAC,CAAE,IAAG,2BAA2B;OAC1E,CAAC;AAEK,IAAM,KAAK,GAA0B,UAAC,EAAkD;QAAhD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA;IAC3F,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;QAChD,OAAO,6BAAK,SAAS,EAAE,kBAAkB,GAAI,CAAC;KAC/C;IACD,OAAO,CACL,8CACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,aAAa,IAClB,QAAQ,IACZ,SAAS,EAAE,iBAAU,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAS;QAEhH,+CAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,IAAM,SAAS,EAAI,CACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,KAAK,SAehB","sourcesContent":["import * as React from 'react';\nimport { LegendShape } from './Legends.types';\nimport { CustomPoints, Points } from '../../utilities/utilities';\n\nexport interface IShapeProps {\n  svgProps: React.SVGAttributes<SVGElement>;\n  pathProps: React.SVGAttributes<SVGPathElement>;\n  shape: LegendShape;\n  classNameForNonSvg?: string;\n}\n\ntype PointPathType = {\n  [key: string]: string;\n};\n\nconst pointPath: PointPathType = {\n  [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',\n  [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',\n  [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',\n  [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',\n  [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',\n  [`${Points[Points.octagon]}`]:\n    'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',\n  [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13',\n};\n\nexport const Shape: React.FC<IShapeProps> = ({ svgProps, pathProps, shape, classNameForNonSvg }) => {\n  if (Object.keys(pointPath).indexOf(shape) === -1) {\n    return <div className={classNameForNonSvg} />;\n  }\n  return (\n    <svg\n      width={14}\n      height={14}\n      viewBox={'-1 -1 14 14'}\n      {...svgProps}\n      transform={`rotate(${shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0}, 0, 0)`}\n    >\n      <path d={pointPath[shape]} {...pathProps} />\n    </svg>\n  );\n};\n"]}