npm - @fluentui/react-charts - Versions diffs - 0.0.0-nightly-20250728-0406.1 → 0.0.0-nightly-20250730-0406.1 - Mend

@fluentui/react-charts 0.0.0-nightly-20250728-0406.1 → 0.0.0-nightly-20250730-0406.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (420) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport {\n AccessibilityProps,\n HorizontalBarChartWithAxisDataPoint,\n RefArrayData,\n Margins,\n ChartPopoverProps,\n Chart,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n ChartTypes,\n IAxisData,\n getAccessibleDataObject,\n YAxisType,\n XAxisTypes,\n NumericAxis,\n StringAxis,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n domainRangeOfNumericForHorizontalBarChartWithAxis,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n useRtl,\n DataVizPalette,\n getColorFromToken,\n computeLongestBars,\n groupChartDataByYValue,\n MIN_DOMAIN_MARGIN,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n HTMLDivElement,\n HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n const _refArray: RefArrayData[] = [];\n const _calloutId: string = useId('callout');\n const _isRtl: boolean = useRtl();\n const _xAxisType: XAxisTypes =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n : XAxisTypes.NumericAxis;\n const _yAxisType: YAxisType =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n : YAxisType.StringAxis;\n const _emptyChartId: string = useId('_HBCWithAxis_empty');\n let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n let _barHeight: number = 0;\n let _colors: string[] = [];\n let _margins: Margins;\n let _bars: JSX.Element[];\n let _yAxisLabels: string[];\n let _xMax: number;\n let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _longestBarPositiveTotalValue: number;\n let _longestBarNegativeTotalValue: number;\n let _domainMargin: number = MIN_DOMAIN_MARGIN;\n let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n const cartesianChartRef = React.useRef<Chart>(null);\n const X_ORIGIN: number = 0;\n\n const [color, setColor] = React.useState<string>('');\n const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) \|\|\n props.legendProps?.selectedLegend !== undefined,\n );\n const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps \| null>(null);\n\n React.useEffect(() => {\n if (prevPropsRef.current) {\n const prevProps = prevPropsRef.current;\n if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n }\n prevPropsRef.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n }),\n [],\n );\n\n function _adjustProps(): void {\n _points = props.data \|\| [];\n _barHeight = props.barHeight \|\| 32;\n const defaultPalette: string[] = [\n getColorFromToken(DataVizPalette.color6),\n getColorFromToken(DataVizPalette.color1),\n getColorFromToken(DataVizPalette.color5),\n getColorFromToken(DataVizPalette.color7),\n ];\n _colors = props.colors! \|\| defaultPalette;\n }\n\n function _getMargins(margins: Margins) {\n _margins = margins;\n }\n\n function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSX.Element {\n const { useSingleColor = false } = props;\n let selectedPointIndex = 0;\n props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n if (yDataPoint.y === point.y) {\n selectedPointIndex = index;\n }\n });\n // eslint-disable-next-line @typescript-eslint/no-shadow\n let color: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n }\n return (\n <>\n <ChartPopover\n XValue={point.xAxisCalloutData \|\| point.x.toString()}\n legend={point.legend}\n YValue={point.yAxisCalloutData \|\| point.y}\n color={color}\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n />\n </>\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element \| null {\n return props ? _renderContentForOnlyBars(props) : null;\n }\n\n function _getCustomizedCallout() {\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n : null;\n }\n\n function _getGraphData(\n xScale: NumericAxis,\n yScale: NumericAxis \| StringAxis,\n containerHeight: number,\n containerWidth: number,\n xElement?: SVGElement \| null,\n yElement?: SVGElement \| null,\n ) {\n const stackedChartData = groupChartDataByYValue(_points);\n const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n const { xBarScale, yBarScale } =\n _yAxisType === YAxisType.NumericAxis\n ? _getScales(containerHeight, containerWidth, true)\n : _getScales(containerHeight, containerWidth, false);\n const xRange = xBarScale.range();\n let allBars: JSX.Element[] = [];\n // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n if (xRange[0] < xRange[1]) {\n allBars = stackedChartData\n .map(singleBarData =>\n _yAxisType === YAxisType.NumericAxis\n ? _createNumericBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n )\n : _createStringBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n ),\n )\n .flat();\n }\n\n return (_bars = allBars);\n }\n\n function _createColors(): D3ScaleLinear<string, string> \| ColorScale {\n const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n const { useSingleColor = false } = props;\n if (useSingleColor) {\n return (_p?: number) => {\n const { colors } = props;\n return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n };\n }\n const domainValues = [];\n for (let i = 0; i < _colors.length; i++) {\n domainValues.push(increment * i * _xMax);\n }\n const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n return colorScale;\n }\n\n function _refCallback(element: SVGRectElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n function _onBarHover(\n point: HorizontalBarChartWithAxisDataPoint,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n color: string,\n mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n ): void {\n mouseEvent.persist();\n // eslint-disable-next-line @typescript-eslint/no-shadow\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n _calloutAnchorPoint = point;\n setPopoverOpen(true);\n _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setDataForHoverCard(point.x);\n setSelectedLegendTitle(point.legend!);\n setColor(props.useSingleColor \|\| props.enableGradient ? color : point.color!);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(point.yAxisCalloutData! \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n }\n\n function _onBarLeave(): void {\n setPopoverOpen(false);\n }\n\n function _handleChartMouseLeave(): void {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _onBarFocus(\n event: React.FocusEvent<SVGRectElement, Element>,\n point: HorizontalBarChartWithAxisDataPoint,\n refArrayIndexNumber: number,\n color: string,\n ): void {\n let cx = 0;\n let cy = 0;\n\n const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n cx = targetRect.left + targetRect.width / 2;\n cy = targetRect.top + targetRect.height / 2;\n _updatePosition(cx, cy);\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n _refArray.forEach((obj: RefArrayData, index: number) => {\n if (refArrayIndexNumber === index) {\n setPopoverOpen(true);\n setSelectedLegendTitle(point.legend!);\n setDataForHoverCard(point.x);\n setColor(props.useSingleColor ? color : point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n });\n }\n }\n\n function _getScales(\n containerHeight: number,\n containerWidth: number,\n isNumericScale: boolean,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): { xBarScale: any; yBarScale: any } {\n const xMax = _longestBarPositiveTotalValue;\n const xMin = _longestBarNegativeTotalValue;\n const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n if (isNumericScale) {\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yDomainMax = Math.max(yMax, props.yMaxValue \|\| 0);\n // Default to 0 if yMinValue is not provided.\n const yMinProp = props.yMinValue \|\| 0;\n const yDomainMin = Math.min(yMin, yMinProp);\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n const yBarScale = d3ScaleLinear()\n .domain([yDomainMin, yDomainMax])\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n return { xBarScale, yBarScale };\n } else {\n // please note these padding default values must be consistent in here\n // and CatrtesianChartBase w for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n const yBarScale = d3ScaleBand()\n .domain(_yAxisLabels)\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n .padding(_yAxisPadding);\n\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n return { xBarScale, yBarScale };\n }\n }\n\n function _createNumericBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSX.Element[] {\n const { useSingleColor = false } = props;\n const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n sortedBars.sort((a, b) => {\n const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n return bValue - aValue;\n });\n\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n\n const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n prevPoint = point.x;\n\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n key={point.y}\n x={xStart}\n y={yBarScale(point.y) - _barHeight / 2}\n data-is-focusable={shouldHighlight}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n rx={props.roundCorners ? 3 : 0}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n aria-labelledby={`toolTip${_calloutId}`}\n onMouseLeave={_onBarLeave}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n onBlur={_onBarLeave}\n fill={startColor}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _getUniqueYValues() {\n const mapY: Record<string, number \| string> = {};\n props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n mapY[point.y] = point.y;\n });\n const uniqueY = Object.values(mapY);\n return uniqueY;\n }\n\n function _calculateAppropriateBarHeight(data: number[] \| Date[], totalWidth: number, innerPadding: number) {\n const result = getClosestPairDiffAndRange(data);\n if (!result \|\| result[1] === 0) {\n return 16;\n }\n const closestPairDiff = result[0];\n let range = result[1];\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n // to calculate the bar height correctly.\n range = Math.max(range, yMax);\n // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n // for the derivation of the following formula.\n const barWidth = Math.floor(\n (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n );\n return barWidth;\n }\n\n function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n _domainMargin = MIN_DOMAIN_MARGIN;\n const uniqueY = _getUniqueYValues();\n /** Rate at which the space between the bars changes wrt the bar height /\n _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n const numBars = uniqueY.length + (uniqueY.length - 1) barGapRate;\n // Total height available to render the bars\n const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n if (_yAxisType !== YAxisType.StringAxis) {\n // Calculate bar height dynamically\n _barHeight =\n props.barHeight \|\| _calculateAppropriateBarHeight(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding);\n _barHeight = Math.max(_barHeight, 1);\n _domainMargin += _barHeight / 2;\n } else {\n // Calculate the appropriate bar height\n _barHeight = props.barHeight \|\| totalHeight / numBars;\n /** Total height required to render the bars. Directly proportional to bar height /\n const reqHeight = numBars _barHeight;\n if (totalHeight >= reqHeight) {\n // Center align the chart by setting equal left and right margins for domain\n _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n }\n }\n\n return {\n ..._margins,\n top: _margins.top! + _domainMargin,\n bottom: _margins.bottom! + _domainMargin,\n };\n }\n\n function _createStringBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSX.Element[] {\n const { useSingleColor = false } = props;\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n prevPoint = point.x;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n key={point.x}\n x={xStart}\n y={yBarScale(point.y)}\n rx={props.roundCorners ? 3 : 0}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n aria-labelledby={`toolTip${_calloutId}`}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n onMouseLeave={_onBarLeave}\n onBlur={_onBarLeave}\n data-is-focusable={shouldHighlight}\n opacity={shouldHighlight ? 1 : 0.1}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n fill={startColor}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _onLegendHover(customMessage: string): void {\n if (!_isLegendSelected()) {\n setIsLegendHovered(true);\n setSelectedLegendTitle(customMessage);\n }\n }\n\n function _onLegendLeave(isLegendFocused?: boolean): void {\n if (!!isLegendFocused \|\| !_isLegendSelected()) {\n setIsLegendHovered(false);\n setSelectedLegendTitle('');\n setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n }\n }\n\n function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSX.Element {\n const { useSingleColor } = props;\n const actions: Legend[] = [];\n const mapLegendToColor: Record<string, string> = {};\n\n data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n mapLegendToColor[point.legend!] = color;\n });\n Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: legendTitle,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n // eslint-disable-next-line @typescript-eslint/no-shadow\n onMouseOutAction: (isLegendSelected?: boolean) => {\n _onLegendLeave(isLegendSelected);\n },\n };\n actions.push(legend);\n });\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n onChange={_onLegendSelectionChange}\n />\n );\n return legends;\n }\n\n function _isLegendSelected(): boolean {\n return isLegendSelected!;\n }\n\n /*\n This function checks if the given legend is highlighted or not.\n * A legend can be highlighted in 2 ways:\n * 1. selection: if the user clicks on it\n * 2. hovering: if there is no selected legend and the user hovers over it\n /\n function _isLegendHighlighted(legend?: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\n }\n\n function _onLegendSelectionChange(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n selectedLegends: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(selectedLegends);\n setSelectedLegendTitle(currentLegend?.title!);\n } else {\n setSelectedLegends(selectedLegends.slice(-1));\n setSelectedLegendTitle(currentLegend?.title!);\n }\n setIsLegendSelected(selectedLegends.length > 0);\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(selectedLegends, event, currentLegend);\n }\n }\n\n function _getAxisData(yAxisData: IAxisData) {\n if (yAxisData && yAxisData.yAxisDomainValues.length) {\n // For HBCWA x and y Values are swapped\n const { yAxisDomainValues: domainValue } = yAxisData;\n _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue \|\| 0);\n }\n }\n function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n const xValue = point.xAxisCalloutData \|\| point.x;\n const yValue = point.yAxisCalloutData \|\| point.y;\n return point.callOutAccessibilityData?.ariaLabel \|\| `${xValue}. ` + `${yValue}.`;\n }\n\n function _getChartTitle(): string {\n const { chartTitle, data } = props;\n return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length \|\| 0} bars. `;\n }\n\n function _isChartEmpty(): boolean {\n return !(props.data && props.data.length > 0);\n }\n\n function _updatePosition(newX: number, newY: number): void {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n function _getDomainNRangeValues(\n points: HorizontalBarChartWithAxisDataPoint[],\n margins: Margins,\n width: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n shiftX: number,\n ) {\n let domainNRangeValue: IDomainNRange;\n if (xAxisType === XAxisTypes.NumericAxis) {\n domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(\n points,\n margins,\n width,\n isRTL,\n shiftX,\n X_ORIGIN,\n );\n } else {\n domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n }\n return domainNRangeValue;\n }\n\n if (!_isChartEmpty()) {\n _adjustProps();\n const calloutProps: ChartPopoverProps = {\n color: color,\n legend: selectedLegendTitle,\n XValue: xCalloutValue,\n YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n ...props.calloutProps,\n ...getAccessibleDataObject(callOutAccessibilityData),\n customCallout: {\n customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n isCartesian: true,\n isPopoverOpen,\n clickPosition,\n };\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n const reversedBars = [..._points].reverse();\n _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue \|\| 0);\n const legendBars: JSX.Element = _getLegendData(_points);\n return (\n <CartesianChart\n yAxisPadding={_yAxisPadding}\n {...props}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.HorizontalBarChartWithAxis}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n getDomainNRangeValues={_getDomainNRangeValues}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n barwidth={_barHeight}\n getmargins={_getMargins}\n getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n getGraphData={_getGraphData}\n getAxisData={_getAxisData}\n onChartMouseLeave={_handleChartMouseLeave}\n componentRef={cartesianChartRef}\n / eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line @typescript-eslint/no-shadow\n children={(props: ChildProps) => {\n return (\n <>\n <g>{_bars}</g>\n </>\n );\n }}\n />\n );\n } else {\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n }\n});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["HorizontalBarChartWithAxis","React","forwardRef","props","forwardedRef","_refArray","_calloutId","useId","_isRtl","useRtl","_xAxisType","data","length","getTypeOfAxis","x","XAxisTypes","NumericAxis","_yAxisType","y","YAxisType","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","MIN_DOMAIN_MARGIN","_yAxisPadding","yAxisPadding","cartesianChartRef","useRef","X_ORIGIN","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","areArraysEqual","useImperativeHandle","componentRef","chartContainer","_adjustProps","barHeight","defaultPalette","getColorFromToken","DataVizPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","getNextColor","createElement","Fragment","ChartPopover","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","groupChartDataByYValue","longestBars","computeLongestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","d3ScaleLinear","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","min","max","yMax","d3Max","yMin","d3Min","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","d3ScaleBand","padding","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","totalPositiveBars","filter","totalNegativeBars","currPositiveCounter","currNegativeCounter","bars","shouldHighlight","barStartX","key","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","rect","data-is-focusable","ref","e","rx","roundCorners","onClick","onMouseOver","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","getClosestPairDiffAndRange","closestPairDiff","barWidth","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","transform","bandwidth","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","Legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","domainRangeOfNumericForHorizontalBarChartWithAxis","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","getAccessibleDataObject","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","reversedBars","reverse","legendBars","CartesianChart","ChartTypes","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createYAxisForHorizontalBarChartWithAxis","createStringYAxis","createStringYAxisForHorizontalBarChartWithAxis","getMinMaxOfYAxis","findHBCWANumericMinMaxOfY","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","g","div","id","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.tsx"],"sourcesContent":["import * as React from 'react';\nimport { max as d3Max, min as d3Min } from 'd3-array';\nimport { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';\nimport { Legend } from '../../components/Legends/Legends.types';\nimport { Legends } from '../../components/Legends/Legends';\nimport { useId } from '@fluentui/react-utilities';\nimport {\n AccessibilityProps,\n HorizontalBarChartWithAxisDataPoint,\n RefArrayData,\n Margins,\n ChartPopoverProps,\n Chart,\n} from '../../index';\nimport { ChildProps } from '../CommonComponents/CartesianChart.types';\nimport { CartesianChart } from '../CommonComponents/CartesianChart';\nimport { HorizontalBarChartWithAxisProps } from './HorizontalBarChartWithAxis.types';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n ChartTypes,\n IAxisData,\n getAccessibleDataObject,\n YAxisType,\n XAxisTypes,\n NumericAxis,\n StringAxis,\n getTypeOfAxis,\n getNextColor,\n findHBCWANumericMinMaxOfY,\n createYAxisForHorizontalBarChartWithAxis,\n IDomainNRange,\n domainRangeOfNumericForHorizontalBarChartWithAxis,\n createStringYAxisForHorizontalBarChartWithAxis,\n areArraysEqual,\n useRtl,\n DataVizPalette,\n getColorFromToken,\n computeLongestBars,\n groupChartDataByYValue,\n MIN_DOMAIN_MARGIN,\n} from '../../utilities/index';\nimport { getClosestPairDiffAndRange } from '../../utilities/vbc-utils';\ntype ColorScale = (_p?: number) => string;\n\nexport const HorizontalBarChartWithAxis: React.FunctionComponent<HorizontalBarChartWithAxisProps> = React.forwardRef<\n HTMLDivElement,\n HorizontalBarChartWithAxisProps\n>((props, forwardedRef) => {\n const _refArray: RefArrayData[] = [];\n const _calloutId: string = useId('callout');\n const _isRtl: boolean = useRtl();\n const _xAxisType: XAxisTypes =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].x, true) as XAxisTypes)\n : XAxisTypes.NumericAxis;\n const _yAxisType: YAxisType =\n props.data! && props.data!.length > 0\n ? (getTypeOfAxis(props.data![0].y, false) as YAxisType)\n : YAxisType.StringAxis;\n const _emptyChartId: string = useId('_HBCWithAxis_empty');\n let _points: HorizontalBarChartWithAxisDataPoint[] = [];\n let _barHeight: number = 0;\n let _colors: string[] = [];\n let _margins: Margins;\n let _bars: JSX.Element[];\n let _yAxisLabels: string[];\n let _xMax: number;\n let _calloutAnchorPoint: HorizontalBarChartWithAxisDataPoint \| null;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _longestBarPositiveTotalValue: number;\n let _longestBarNegativeTotalValue: number;\n let _domainMargin: number = MIN_DOMAIN_MARGIN;\n let _yAxisPadding: number = props.yAxisPadding ?? 0.5;\n const cartesianChartRef = React.useRef<Chart>(null);\n const X_ORIGIN: number = 0;\n\n const [color, setColor] = React.useState<string>('');\n const [dataForHoverCard, setDataForHoverCard] = React.useState<number>(0);\n const [isLegendSelected, setIsLegendSelected] = React.useState<boolean>(\n (props.legendProps?.selectedLegends && props.legendProps.selectedLegends.length > 0) \|\|\n props.legendProps?.selectedLegend !== undefined,\n );\n const [isLegendHovered, setIsLegendHovered] = React.useState<boolean>(false);\n const [selectedLegendTitle, setSelectedLegendTitle] = React.useState<string>(props.legendProps?.selectedLegend ?? '');\n const [xCalloutValue, setXCalloutValue] = React.useState<string>('');\n const [yCalloutValue, setYCalloutValue] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends \|\| []);\n const [dataPointCalloutProps, setDataPointCalloutProps] = React.useState<HorizontalBarChartWithAxisDataPoint>();\n const [callOutAccessibilityData, setCallOutAccessibilityData] = React.useState<AccessibilityProps>();\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [clickPosition, setClickPosition] = React.useState({ x: 0, y: 0 });\n const prevPropsRef = React.useRef<HorizontalBarChartWithAxisProps \| null>(null);\n\n React.useEffect(() => {\n if (prevPropsRef.current) {\n const prevProps = prevPropsRef.current;\n if (!areArraysEqual(prevProps.legendProps?.selectedLegends, props.legendProps?.selectedLegends)) {\n setSelectedLegends(props.legendProps?.selectedLegends \|\| []);\n }\n }\n prevPropsRef.current = props;\n }, [props]);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: cartesianChartRef.current?.chartContainer ?? null,\n }),\n [],\n );\n\n function _adjustProps(): void {\n _points = props.data \|\| [];\n _barHeight = props.barHeight \|\| 32;\n const defaultPalette: string[] = [\n getColorFromToken(DataVizPalette.color6),\n getColorFromToken(DataVizPalette.color1),\n getColorFromToken(DataVizPalette.color5),\n getColorFromToken(DataVizPalette.color7),\n ];\n _colors = props.colors! \|\| defaultPalette;\n }\n\n function _getMargins(margins: Margins) {\n _margins = margins;\n }\n\n function _renderContentForOnlyBars(point: HorizontalBarChartWithAxisDataPoint): JSX.Element {\n const { useSingleColor = false } = props;\n let selectedPointIndex = 0;\n props.data!.forEach((yDataPoint: HorizontalBarChartWithAxisDataPoint, index: number) => {\n if (yDataPoint.y === point.y) {\n selectedPointIndex = index;\n }\n });\n // eslint-disable-next-line @typescript-eslint/no-shadow\n let color: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n color = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n color = point.color ? point.color : props.colors ? _createColors()(point.x) : getNextColor(selectedPointIndex, 0);\n }\n return (\n <>\n <ChartPopover\n XValue={point.xAxisCalloutData \|\| point.x.toString()}\n legend={point.legend}\n YValue={point.yAxisCalloutData \|\| point.y}\n color={color}\n culture={props.culture ?? 'en-us'}\n clickPosition={clickPosition}\n isPopoverOpen={isPopoverOpen}\n />\n </>\n );\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _renderCallout(props?: HorizontalBarChartWithAxisDataPoint): JSX.Element \| null {\n return props ? _renderContentForOnlyBars(props) : null;\n }\n\n function _getCustomizedCallout() {\n return props.onRenderCalloutPerDataPoint\n ? props.onRenderCalloutPerDataPoint(dataPointCalloutProps, _renderCallout)\n : null;\n }\n\n function _getGraphData(\n xScale: NumericAxis,\n yScale: NumericAxis \| StringAxis,\n containerHeight: number,\n containerWidth: number,\n xElement?: SVGElement \| null,\n yElement?: SVGElement \| null,\n ) {\n const stackedChartData = groupChartDataByYValue(_points);\n const longestBars = computeLongestBars(stackedChartData, X_ORIGIN);\n _longestBarPositiveTotalValue = longestBars.longestPositiveBar;\n _longestBarNegativeTotalValue = longestBars.longestNegativeBar;\n\n const { xBarScale, yBarScale } =\n _yAxisType === YAxisType.NumericAxis\n ? _getScales(containerHeight, containerWidth, true)\n : _getScales(containerHeight, containerWidth, false);\n const xRange = xBarScale.range();\n let allBars: JSX.Element[] = [];\n // when the chart mounts, the xRange[1] is sometimes seen to be < 0 (like -40) while xRange[0] > 0.\n if (xRange[0] < xRange[1]) {\n allBars = stackedChartData\n .map(singleBarData =>\n _yAxisType === YAxisType.NumericAxis\n ? _createNumericBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n )\n : _createStringBars(\n containerHeight,\n containerWidth,\n xElement!,\n yElement!,\n singleBarData,\n xBarScale,\n yBarScale,\n ),\n )\n .flat();\n }\n\n return (_bars = allBars);\n }\n\n function _createColors(): D3ScaleLinear<string, string> \| ColorScale {\n const increment = _colors.length <= 1 ? 1 : 1 / (_colors.length - 1);\n const { useSingleColor = false } = props;\n if (useSingleColor) {\n return (_p?: number) => {\n const { colors } = props;\n return colors && colors.length > 0 ? colors[0] : getColorFromToken(DataVizPalette.color16);\n };\n }\n const domainValues = [];\n for (let i = 0; i < _colors.length; i++) {\n domainValues.push(increment * i * _xMax);\n }\n const colorScale = d3ScaleLinear<string>().domain(domainValues).range(_colors);\n return colorScale;\n }\n\n function _refCallback(element: SVGRectElement, legendTitle: string): void {\n _refArray.push({ index: legendTitle, refElement: element });\n }\n\n function _onBarHover(\n point: HorizontalBarChartWithAxisDataPoint,\n // eslint-disable-next-line @typescript-eslint/no-shadow\n color: string,\n mouseEvent: React.MouseEvent<SVGElement, MouseEvent>,\n ): void {\n mouseEvent.persist();\n // eslint-disable-next-line @typescript-eslint/no-shadow\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n _calloutAnchorPoint = point;\n setPopoverOpen(true);\n _updatePosition(mouseEvent.clientX, mouseEvent.clientY);\n setDataForHoverCard(point.x);\n setSelectedLegendTitle(point.legend!);\n setColor(props.useSingleColor \|\| props.enableGradient ? color : point.color!);\n // To display callout value, if no callout value given, taking given point.x value as a string.\n setXCalloutValue(point.yAxisCalloutData! \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n }\n\n function _onBarLeave(): void {\n setPopoverOpen(false);\n }\n\n function _handleChartMouseLeave(): void {\n _calloutAnchorPoint = null;\n setPopoverOpen(false);\n }\n\n // eslint-disable-next-line @typescript-eslint/no-shadow\n function _onBarFocus(\n event: React.FocusEvent<SVGRectElement, Element>,\n point: HorizontalBarChartWithAxisDataPoint,\n refArrayIndexNumber: number,\n color: string,\n ): void {\n let cx = 0;\n let cy = 0;\n\n const targetRect = (event.target as SVGRectElement).getBoundingClientRect();\n cx = targetRect.left + targetRect.width / 2;\n cy = targetRect.top + targetRect.height / 2;\n _updatePosition(cx, cy);\n if ((isLegendSelected === false \|\| _isLegendHighlighted(point.legend)) && _calloutAnchorPoint !== point) {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n _refArray.forEach((obj: RefArrayData, index: number) => {\n if (refArrayIndexNumber === index) {\n setPopoverOpen(true);\n setSelectedLegendTitle(point.legend!);\n setDataForHoverCard(point.x);\n setColor(props.useSingleColor ? color : point.color!);\n setXCalloutValue(point.yAxisCalloutData \|\| point.y.toString());\n setYCalloutValue(point.xAxisCalloutData! \|\| point.x.toString());\n setDataPointCalloutProps(point);\n setCallOutAccessibilityData(point.callOutAccessibilityData);\n }\n });\n }\n }\n\n function _getScales(\n containerHeight: number,\n containerWidth: number,\n isNumericScale: boolean,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ): { xBarScale: any; yBarScale: any } {\n const xMax = _longestBarPositiveTotalValue;\n const xMin = _longestBarNegativeTotalValue;\n const xDomain = [Math.min(X_ORIGIN, xMin), Math.max(X_ORIGIN, xMax)];\n if (isNumericScale) {\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yMin = d3Min(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n const yDomainMax = Math.max(yMax, props.yMaxValue \|\| 0);\n // Default to 0 if yMinValue is not provided.\n const yMinProp = props.yMinValue \|\| 0;\n const yDomainMin = Math.min(yMin, yMinProp);\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n const yBarScale = d3ScaleLinear()\n .domain([yDomainMin, yDomainMax])\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin]);\n return { xBarScale, yBarScale };\n } else {\n // please note these padding default values must be consistent in here\n // and CatrtesianChartBase w for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n const yBarScale = d3ScaleBand()\n .domain(_yAxisLabels)\n .range([containerHeight - (_margins.bottom! + _domainMargin), _margins.top! + _domainMargin])\n .padding(_yAxisPadding);\n\n const xBarScale = d3ScaleLinear()\n .domain(xDomain)\n .nice()\n .range([_margins.left!, containerWidth - _margins.right!]);\n return { xBarScale, yBarScale };\n }\n }\n\n function _createNumericBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSX.Element[] {\n const { useSingleColor = false } = props;\n const sortedBars: HorizontalBarChartWithAxisDataPoint[] = [...singleBarData];\n sortedBars.sort((a, b) => {\n const aValue = typeof a.y === 'number' ? a.y : parseFloat(a.y);\n const bValue = typeof b.y === 'number' ? b.y : parseFloat(b.y);\n return bValue - aValue;\n });\n\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n\n const bars = sortedBars.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > X_ORIGIN ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n prevPoint = point.x;\n\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n key={point.y}\n x={xStart}\n y={yBarScale(point.y) - _barHeight / 2}\n data-is-focusable={shouldHighlight}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n rx={props.roundCorners ? 3 : 0}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n aria-labelledby={`toolTip${_calloutId}`}\n onMouseLeave={_onBarLeave}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n onBlur={_onBarLeave}\n fill={startColor}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _getUniqueYValues() {\n const mapY: Record<string, number \| string> = {};\n props.data?.forEach((point: HorizontalBarChartWithAxisDataPoint) => {\n mapY[point.y] = point.y;\n });\n const uniqueY = Object.values(mapY);\n return uniqueY;\n }\n\n function _calculateAppropriateBarHeight(data: number[] \| Date[], totalWidth: number, innerPadding: number) {\n const result = getClosestPairDiffAndRange(data);\n if (!result \|\| result[1] === 0) {\n return 16;\n }\n const closestPairDiff = result[0];\n let range = result[1];\n const yMax = d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.y as number)!;\n // Since we are always rendering from 0 to yMax, we need to ensure that the range is at least yMax\n // to calculate the bar height correctly.\n range = Math.max(range, yMax);\n // Refer to https://microsoft.github.io/fluentui-charting-contrib/docs/rfcs/fix-overlapping-bars-on-continuous-axes\n // for the derivation of the following formula.\n const barWidth = Math.floor(\n (totalWidth * closestPairDiff * (1 - innerPadding)) / (range + closestPairDiff * (1 - innerPadding)),\n );\n return barWidth;\n }\n\n function _getDomainMarginsForHorizontalBarChart(containerHeight: number): Margins {\n _domainMargin = MIN_DOMAIN_MARGIN;\n const uniqueY = _getUniqueYValues();\n /** Rate at which the space between the bars changes wrt the bar height /\n _yAxisPadding = _yAxisPadding === 1 ? 0.99 : _yAxisPadding;\n const barGapRate = _yAxisPadding / (1 - _yAxisPadding);\n const numBars = uniqueY.length + (uniqueY.length - 1) barGapRate;\n // Total height available to render the bars\n const totalHeight = containerHeight - (_margins.top! + MIN_DOMAIN_MARGIN) - (_margins.bottom! + MIN_DOMAIN_MARGIN);\n if (_yAxisType !== YAxisType.StringAxis) {\n // Calculate bar height dynamically\n _barHeight =\n props.barHeight \|\| _calculateAppropriateBarHeight(uniqueY as number[] \| Date[], totalHeight, _yAxisPadding);\n _barHeight = Math.max(_barHeight, 1);\n _domainMargin += _barHeight / 2;\n } else {\n // Calculate the appropriate bar height\n _barHeight = props.barHeight \|\| totalHeight / numBars;\n /** Total height required to render the bars. Directly proportional to bar height /\n const reqHeight = numBars _barHeight;\n if (totalHeight >= reqHeight) {\n // Center align the chart by setting equal left and right margins for domain\n _domainMargin = MIN_DOMAIN_MARGIN + (totalHeight - reqHeight) / 2;\n }\n }\n\n return {\n ..._margins,\n top: _margins.top! + _domainMargin,\n bottom: _margins.bottom! + _domainMargin,\n };\n }\n\n function _createStringBars(\n containerHeight: number,\n containerWidth: number,\n xElement: SVGElement,\n yElement: SVGElement,\n singleBarData: HorizontalBarChartWithAxisDataPoint[],\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n xBarScale: any,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n yBarScale: any,\n ): JSX.Element[] {\n const { useSingleColor = false } = props;\n let prevWidthPositive = 0;\n let prevWidthNegative = 0;\n let prevPoint = 0;\n const totalPositiveBars = singleBarData.filter(\n (point: HorizontalBarChartWithAxisDataPoint) => point.x >= X_ORIGIN,\n ).length;\n const totalNegativeBars = singleBarData.length - totalPositiveBars;\n let currPositiveCounter = 0;\n let currNegativeCounter = 0;\n const bars = singleBarData.map((point: HorizontalBarChartWithAxisDataPoint, index: number) => {\n let shouldHighlight = true;\n if (isLegendHovered \|\| isLegendSelected) {\n shouldHighlight = _isLegendHighlighted(point.legend);\n }\n if (point.x >= X_ORIGIN) {\n ++currPositiveCounter;\n }\n if (point.x < X_ORIGIN) {\n ++currNegativeCounter;\n }\n const barStartX = _isRtl\n ? containerWidth -\n (_margins.right! + Math.max(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN)) - _margins.left!)\n : Math.min(xBarScale(point.x + X_ORIGIN), xBarScale(X_ORIGIN));\n const barHeight: number = Math.max(yBarScale(point.y), 0);\n if (barHeight < 1) {\n return <React.Fragment key={point.x}> </React.Fragment>;\n }\n let startColor: string;\n if (useSingleColor) {\n //if useSingle color , then check if user has given a palette or not\n // and pick the first color from that or else from our paltette.\n startColor = props.colors ? _createColors()(1) : getNextColor(1, 0);\n } else {\n startColor = props.colors ? _createColors()(point.x) : getNextColor(index, 0);\n }\n\n startColor = point.color && !useSingleColor ? point.color : startColor;\n const prevBarWidth = Math.abs(xBarScale(prevPoint + X_ORIGIN) - xBarScale(X_ORIGIN));\n prevPoint > 0 ? (prevWidthPositive += prevBarWidth) : (prevWidthNegative += prevBarWidth);\n const currentWidth = Math.abs(xBarScale(point.x + X_ORIGIN) - xBarScale(X_ORIGIN));\n const gapWidthLTR =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && currPositiveCounter !== totalPositiveBars) \|\|\n (point.x < X_ORIGIN && (totalPositiveBars !== 0 \|\| currNegativeCounter > 1)))\n ? 2\n : 0;\n const gapWidthRTL =\n currentWidth > 2 &&\n ((point.x > X_ORIGIN && (totalNegativeBars !== 0 \|\| currPositiveCounter > 1)) \|\|\n (point.x < X_ORIGIN && currNegativeCounter !== totalNegativeBars))\n ? 2\n : 0;\n prevPoint = point.x;\n let xStart = X_ORIGIN;\n if (_isRtl) {\n xStart = point.x > X_ORIGIN ? barStartX - prevWidthPositive : barStartX + prevWidthNegative;\n } else {\n xStart = point.x > X_ORIGIN ? barStartX + prevWidthPositive : barStartX - prevWidthNegative;\n }\n return (\n <React.Fragment key={`${index}_${point.x}`}>\n <rect\n transform={`translate(0,${0.5 * (yBarScale.bandwidth() - _barHeight)})`}\n key={point.x}\n x={xStart}\n y={yBarScale(point.y)}\n rx={props.roundCorners ? 3 : 0}\n width={currentWidth - (_isRtl ? gapWidthRTL : gapWidthLTR)}\n height={_barHeight}\n aria-labelledby={`toolTip${_calloutId}`}\n aria-label={_getAriaLabel(point)}\n role=\"img\"\n ref={(e: SVGRectElement) => {\n _refCallback(e, point.legend!);\n }}\n onClick={point.onClick}\n onMouseOver={(event: React.MouseEvent<SVGElement, MouseEvent>) => _onBarHover(point, startColor, event)}\n onMouseLeave={_onBarLeave}\n onBlur={_onBarLeave}\n data-is-focusable={shouldHighlight}\n opacity={shouldHighlight ? 1 : 0.1}\n onFocus={event => _onBarFocus(event, point, index, startColor)}\n fill={startColor}\n tabIndex={point.legend !== '' ? 0 : undefined}\n />\n </React.Fragment>\n );\n });\n return bars;\n }\n\n function _onLegendHover(customMessage: string): void {\n if (!_isLegendSelected()) {\n setIsLegendHovered(true);\n setSelectedLegendTitle(customMessage);\n }\n }\n\n function _onLegendLeave(isLegendFocused?: boolean): void {\n if (!!isLegendFocused \|\| !_isLegendSelected()) {\n setIsLegendHovered(false);\n setSelectedLegendTitle('');\n setIsLegendSelected(isLegendFocused ? false : _isLegendSelected());\n }\n }\n\n function _getLegendData(data: HorizontalBarChartWithAxisDataPoint[]): JSX.Element {\n const { useSingleColor } = props;\n const actions: Legend[] = [];\n const mapLegendToColor: Record<string, string> = {};\n\n data.forEach((point: HorizontalBarChartWithAxisDataPoint, _index: number) => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const color: string = useSingleColor ? (props.colors ? _createColors()(1) : getNextColor(1, 0)) : point.color!;\n\n mapLegendToColor[point.legend!] = color;\n });\n Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {\n // mapping data to the format Legends component needs\n const legend: Legend = {\n title: legendTitle,\n color,\n hoverAction: () => {\n _handleChartMouseLeave();\n _onLegendHover(legendTitle);\n },\n // eslint-disable-next-line @typescript-eslint/no-shadow\n onMouseOutAction: (isLegendSelected?: boolean) => {\n _onLegendLeave(isLegendSelected);\n },\n };\n actions.push(legend);\n });\n const legends = (\n <Legends\n legends={actions}\n enabledWrapLines={props.enabledLegendsWrapLines}\n overflowText={props.legendsOverflowText}\n {...props.legendProps}\n onChange={_onLegendSelectionChange}\n />\n );\n return legends;\n }\n\n function _isLegendSelected(): boolean {\n return isLegendSelected!;\n }\n\n /*\n This function checks if the given legend is highlighted or not.\n * A legend can be highlighted in 2 ways:\n * 1. selection: if the user clicks on it\n * 2. hovering: if there is no selected legend and the user hovers over it\n /\n function _isLegendHighlighted(legend?: string) {\n return _getHighlightedLegend().includes(legend!);\n }\n\n function _getHighlightedLegend() {\n return selectedLegends.length > 0 ? selectedLegends : selectedLegendTitle ? [selectedLegendTitle] : [];\n }\n\n function _onLegendSelectionChange(\n // eslint-disable-next-line @typescript-eslint/no-shadow\n selectedLegends: string[],\n event: React.MouseEvent<HTMLButtonElement>,\n currentLegend?: Legend,\n ): void {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(selectedLegends);\n setSelectedLegendTitle(currentLegend?.title!);\n } else {\n setSelectedLegends(selectedLegends.slice(-1));\n setSelectedLegendTitle(currentLegend?.title!);\n }\n setIsLegendSelected(selectedLegends.length > 0);\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(selectedLegends, event, currentLegend);\n }\n }\n\n function _getAxisData(yAxisData: IAxisData) {\n if (yAxisData && yAxisData.yAxisDomainValues.length) {\n // For HBCWA x and y Values are swapped\n const { yAxisDomainValues: domainValue } = yAxisData;\n _xMax = Math.max(domainValue[domainValue.length - 1], props.xMaxValue \|\| 0);\n }\n }\n function _getAriaLabel(point: HorizontalBarChartWithAxisDataPoint): string {\n const xValue = point.xAxisCalloutData \|\| point.x;\n const yValue = point.yAxisCalloutData \|\| point.y;\n return point.callOutAccessibilityData?.ariaLabel \|\| `${xValue}. ` + `${yValue}.`;\n }\n\n function _getChartTitle(): string {\n const { chartTitle, data } = props;\n return (chartTitle ? `${chartTitle}. ` : '') + `Horizontal bar chart with ${data?.length \|\| 0} bars. `;\n }\n\n function _isChartEmpty(): boolean {\n return !(props.data && props.data.length > 0);\n }\n\n function _updatePosition(newX: number, newY: number): void {\n const threshold = 1; // Set a threshold for movement\n const { x, y } = clickPosition;\n\n // Calculate the distance moved\n const distance = Math.sqrt(Math.pow(newX - x, 2) + Math.pow(newY - y, 2));\n // Update the position only if the distance moved is greater than the threshold\n if (distance > threshold) {\n setClickPosition({ x: newX, y: newY });\n setPopoverOpen(true);\n }\n }\n\n function _getDomainNRangeValues(\n points: HorizontalBarChartWithAxisDataPoint[],\n margins: Margins,\n width: number,\n chartType: ChartTypes,\n isRTL: boolean,\n xAxisType: XAxisTypes,\n barWidth: number,\n tickValues: Date[] \| number[] \| undefined,\n shiftX: number,\n ) {\n let domainNRangeValue: IDomainNRange;\n if (xAxisType === XAxisTypes.NumericAxis) {\n domainNRangeValue = domainRangeOfNumericForHorizontalBarChartWithAxis(\n points,\n margins,\n width,\n isRTL,\n shiftX,\n X_ORIGIN,\n );\n } else {\n domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };\n }\n return domainNRangeValue;\n }\n\n if (!_isChartEmpty()) {\n _adjustProps();\n const calloutProps: ChartPopoverProps = {\n color: color,\n legend: selectedLegendTitle,\n XValue: xCalloutValue,\n YValue: yCalloutValue ? yCalloutValue : dataForHoverCard,\n ...props.calloutProps,\n ...getAccessibleDataObject(callOutAccessibilityData),\n customCallout: {\n customizedCallout: _getCustomizedCallout() !== null ? _getCustomizedCallout()! : undefined,\n customCalloutProps: props.calloutPropsPerDataPoint\n ? props.calloutPropsPerDataPoint(dataPointCalloutProps!)\n : undefined,\n },\n isCartesian: true,\n isPopoverOpen,\n clickPosition,\n };\n const tickParams = {\n tickValues: props.tickValues,\n tickFormat: props.tickFormat,\n };\n\n const reversedBars = [..._points].reverse();\n _yAxisLabels = reversedBars.map((point: HorizontalBarChartWithAxisDataPoint) => point.y as string);\n _xMax = Math.max(d3Max(_points, (point: HorizontalBarChartWithAxisDataPoint) => point.x)!, props.xMaxValue \|\| 0);\n const legendBars: JSX.Element = _getLegendData(_points);\n return (\n <CartesianChart\n yAxisPadding={_yAxisPadding}\n {...props}\n chartTitle={_getChartTitle()}\n points={_points}\n chartType={ChartTypes.HorizontalBarChartWithAxis}\n xAxisType={_xAxisType}\n yAxisType={_yAxisType}\n getDomainNRangeValues={_getDomainNRangeValues}\n stringDatasetForYAxisDomain={_yAxisLabels}\n calloutProps={calloutProps}\n tickParams={tickParams}\n legendBars={legendBars}\n createYAxis={createYAxisForHorizontalBarChartWithAxis}\n createStringYAxis={createStringYAxisForHorizontalBarChartWithAxis}\n getMinMaxOfYAxis={findHBCWANumericMinMaxOfY}\n barwidth={_barHeight}\n getmargins={_getMargins}\n getYDomainMargins={_getDomainMarginsForHorizontalBarChart}\n getGraphData={_getGraphData}\n getAxisData={_getAxisData}\n onChartMouseLeave={_handleChartMouseLeave}\n componentRef={cartesianChartRef}\n / eslint-disable react/jsx-no-bind */\n // eslint-disable-next-line @typescript-eslint/no-shadow\n children={(props: ChildProps) => {\n return (\n <>\n <g>{_bars}</g>\n </>\n );\n }}\n />\n );\n } else {\n return (\n <div id={_emptyChartId} role={'alert'} style={{ opacity: '0' }} aria-label={'Graph has no data to display'} />\n );\n }\n});\nHorizontalBarChartWithAxis.displayName = 'HorizontalBarChartWithAxis';\n"],"names":["React","max","d3Max","min","d3Min","scaleLinear","d3ScaleLinear","scaleBand","d3ScaleBand","Legends","useId","CartesianChart","ChartPopover","ChartTypes","getAccessibleDataObject","YAxisType","XAxisTypes","getTypeOfAxis","getNextColor","findHBCWANumericMinMaxOfY","createYAxisForHorizontalBarChartWithAxis","domainRangeOfNumericForHorizontalBarChartWithAxis","createStringYAxisForHorizontalBarChartWithAxis","areArraysEqual","useRtl","DataVizPalette","getColorFromToken","computeLongestBars","groupChartDataByYValue","MIN_DOMAIN_MARGIN","getClosestPairDiffAndRange","HorizontalBarChartWithAxis","forwardRef","props","forwardedRef","_refArray","_calloutId","_isRtl","_xAxisType","data","length","x","NumericAxis","_yAxisType","y","StringAxis","_emptyChartId","_points","_barHeight","_colors","_margins","_bars","_yAxisLabels","_xMax","_calloutAnchorPoint","_longestBarPositiveTotalValue","_longestBarNegativeTotalValue","_domainMargin","_yAxisPadding","yAxisPadding","cartesianChartRef","useRef","X_ORIGIN","color","setColor","useState","dataForHoverCard","setDataForHoverCard","isLegendSelected","setIsLegendSelected","legendProps","selectedLegends","selectedLegend","undefined","isLegendHovered","setIsLegendHovered","selectedLegendTitle","setSelectedLegendTitle","xCalloutValue","setXCalloutValue","yCalloutValue","setYCalloutValue","setSelectedLegends","dataPointCalloutProps","setDataPointCalloutProps","callOutAccessibilityData","setCallOutAccessibilityData","isPopoverOpen","setPopoverOpen","clickPosition","setClickPosition","prevPropsRef","useEffect","current","prevProps","useImperativeHandle","componentRef","chartContainer","_adjustProps","barHeight","defaultPalette","color6","color1","color5","color7","colors","_getMargins","margins","_renderContentForOnlyBars","point","useSingleColor","selectedPointIndex","forEach","yDataPoint","index","_createColors","XValue","xAxisCalloutData","toString","legend","YValue","yAxisCalloutData","culture","_renderCallout","_getCustomizedCallout","onRenderCalloutPerDataPoint","_getGraphData","xScale","yScale","containerHeight","containerWidth","xElement","yElement","stackedChartData","longestBars","longestPositiveBar","longestNegativeBar","xBarScale","yBarScale","_getScales","xRange","range","allBars","map","singleBarData","_createNumericBars","_createStringBars","flat","increment","_p","color16","domainValues","i","push","colorScale","domain","_refCallback","element","legendTitle","refElement","_onBarHover","mouseEvent","persist","_isLegendHighlighted","_updatePosition","clientX","clientY","enableGradient","_onBarLeave","_handleChartMouseLeave","_onBarFocus","event","refArrayIndexNumber","cx","cy","targetRect","target","getBoundingClientRect","left","width","top","height","obj","isNumericScale","xMax","xMin","xDomain","Math","yMax","yMin","yDomainMax","yMaxValue","yMinProp","yMinValue","yDomainMin","nice","right","bottom","padding","sortedBars","sort","a","b","aValue","parseFloat","bValue","prevWidthPositive","prevWidthNegative","prevPoint","totalPositiveBars","filter","totalNegativeBars","currPositiveCounter","currNegativeCounter","bars","shouldHighlight","barStartX","Fragment","key","startColor","prevBarWidth","abs","currentWidth","gapWidthLTR","gapWidthRTL","xStart","rect","data-is-focusable","ref","e","rx","roundCorners","onClick","onMouseOver","aria-label","_getAriaLabel","role","aria-labelledby","onMouseLeave","onFocus","onBlur","fill","opacity","tabIndex","_getUniqueYValues","mapY","uniqueY","Object","values","_calculateAppropriateBarHeight","totalWidth","innerPadding","result","closestPairDiff","barWidth","floor","_getDomainMarginsForHorizontalBarChart","barGapRate","numBars","totalHeight","reqHeight","transform","bandwidth","_onLegendHover","customMessage","_isLegendSelected","_onLegendLeave","isLegendFocused","_getLegendData","actions","mapLegendToColor","_index","entries","title","hoverAction","onMouseOutAction","legends","enabledWrapLines","enabledLegendsWrapLines","overflowText","legendsOverflowText","onChange","_onLegendSelectionChange","_getHighlightedLegend","includes","currentLegend","canSelectMultipleLegends","slice","_getAxisData","yAxisData","yAxisDomainValues","domainValue","xMaxValue","xValue","yValue","ariaLabel","_getChartTitle","chartTitle","_isChartEmpty","newX","newY","threshold","distance","sqrt","pow","_getDomainNRangeValues","points","chartType","isRTL","xAxisType","tickValues","shiftX","domainNRangeValue","dStartValue","dEndValue","rStartValue","rEndValue","calloutProps","customCallout","customizedCallout","customCalloutProps","calloutPropsPerDataPoint","isCartesian","tickParams","tickFormat","reversedBars","reverse","legendBars","yAxisType","getDomainNRangeValues","stringDatasetForYAxisDomain","createYAxis","createStringYAxis","getMinMaxOfYAxis","barwidth","getmargins","getYDomainMargins","getGraphData","getAxisData","onChartMouseLeave","children","g","div","id","style","displayName"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"~~rangeMappings":";;;;;;;","~~mappings":";;;;;uBAAc;~~uBACA~~;~~uBACA~~"}
1	+ {"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/index.ts"],"sourcesContent":["export * from './HorizontalBarChartWithAxis';\nexport * from './HorizontalBarChartWithAxis.types';\nexport * from '../../types/index';\n"],"names":[],"mappings":";;;;;uBAAc,+BAA+B;uBAC/B,qCAAqC;uBACrC,oBAAoB"}

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

@@ -56,4 +56,4 @@ const useHorizontalBarChartWithAxisStyles = (props)=>{
         opacityChangeOnHover: (0, _react.mergeClasses)(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),
         xAxisTicks: (0, _react.mergeClasses)(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)
     };
-}; //# sourceMappingURL=useHorizontalBarChartWithAxisStyles.styles.js.map
+};

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["useHorizontalBarChartWithAxisStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const hbcWithAxisClassNames = {\n opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n xAxisTicks: 'fui-hbcwa__xAxisTicks',\n tooltip: 'fui-hbcwa__tooltip',\n chartLabel: '',\n xAxisDomain: '',\n xAxisText: '',\n yAxisDomain: '',\n yAxisTicks: '',\n yAxisText: '',\n root: '',\n xAxis: '',\n yAxis: '',\n legendContainer: '',\n hover: '',\n descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: '',\n chart: ''\n};\nconst useStyles = makeStyles({\n opacityChangeOnHover: {\n opacity: 0.1\n },\n xAxisTicks: {}\n});\n/*\n Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */ export const useHorizontalBarChartWithAxisStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)\n };\n};\n"],"names":["~~hbcWithAxisClassNames~~","~~useHorizontalBarChartWithAxisStyles~~","opacityChangeOnHover","xAxisTicks","tooltip","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","useStyles","~~__styles~~","~~abs64n~~","d","props","baseStyles"~~,"mergeClasses"~~],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":";;;;;;;;;;;~~IACaA~~,qBAAqB~~;eAArBA;;~~IA+~~BIC~~,mCAAmC;~~eAAnCA;;;uBAhCwB~~;~~AAClC~~,~~MAAMD~~,~~wBAAwB~~;~~IACjCE~~,~~sBAAsB~~;~~IACtBC~~,~~YAAY~~;~~IACZC~~,~~SAAS~~;~~IACTC~~,~~YAAY~~;~~IACZC~~,~~aAAa~~;IACbC,WAAW;~~IACXC~~,~~aAAa~~;IACbC,~~YAAY~~;~~IACZC~~,~~WAAW~~;~~IACXC~~,~~MAAM~~;~~IACNC~~,~~OAAO~~;~~IACPC~~,~~OAAO~~;~~IACPC~~,~~iBAAiB~~;~~IACjBC~~,~~OAAO~~;~~IACPC~~,~~oBAAoB~~;~~IACpBC~~,WAAW;~~IACXC~~,YAAY~~;IACZC~~,~~aAAa~~;~~IACbC~~,~~cAAc~~;IACdC,~~YAAY;IACZC~~,~~OAAO~~;AACX;~~AACA~~,MAAMC,~~YAAS~~,WAAA,~~GAAGC~~,~~IAAAA,~~eAAA,EAAA;~~IAAAtB~~,~~sBAAA~~;~~QAAAuB~~,~~QAAA~~;IAAA;~~IAAAtB~~,~~YAAA~~,CAAA;AAAA,GAAA;~~IAAAuB~~,~~GAAA~~;QAAA;KAAA;AAAA;~~AAQP~~,~~MAAMzB~~,~~sCAAuC0B~~,~~CAAAA~~;~~IACpD~~,MAAMC,~~aAAaL~~;~~IACnB~~,OAAO;QACHrB,~~sBAAsB2B~~,~~IAAAA~~,mBAAY,~~EAAC7B~~,~~sBAAsBE~~,oBAAoB,EAAE0B,~~WAAW1B~~,oBAAoB;~~QAC9GC~~,~~YAAY0B~~,~~IAAAA~~,mBAAY,~~EAAC7B~~,~~sBAAsBG~~,UAAU,EAAEyB,~~WAAWzB~~,UAAU;IACpF;~~AACJ~~"}
1	+ {"version":3,"sources":["useHorizontalBarChartWithAxisStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const hbcWithAxisClassNames = {\n opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n xAxisTicks: 'fui-hbcwa__xAxisTicks',\n tooltip: 'fui-hbcwa__tooltip',\n chartLabel: '',\n xAxisDomain: '',\n xAxisText: '',\n yAxisDomain: '',\n yAxisTicks: '',\n yAxisText: '',\n root: '',\n xAxis: '',\n yAxis: '',\n legendContainer: '',\n hover: '',\n descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: '',\n chart: ''\n};\nconst useStyles = makeStyles({\n opacityChangeOnHover: {\n opacity: 0.1\n },\n xAxisTicks: {}\n});\n/*\n Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */ export const useHorizontalBarChartWithAxisStyles = (props)=>{\n const baseStyles = useStyles();\n return {\n opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)\n };\n};\n"],"names":["__styles","mergeClasses","hbcWithAxisClassNames","opacityChangeOnHover","xAxisTicks","tooltip","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","useStyles","abs64n","d","useHorizontalBarChartWithAxisStyles","props","baseStyles"],"mappings":";;;;;;;;;;;IACaE,qBAAqB;;;IA+BjByB,mCAAmC;;;;uBAhCX,gBAAgB;AAClD,8BAA8B;IACjCxB,oBAAoB,EAAE,iCAAiC;IACvDC,UAAU,EAAE,uBAAuB;IACnCC,OAAO,EAAE,oBAAoB;IAC7BC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE,EAAE;IACfC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,EAAE;IACbC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,EAAE;IACTC,eAAe,EAAE,EAAE;IACnBC,KAAK,EAAE,EAAE;IACTC,kBAAkB,EAAE,EAAE;IACtBC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAE;AACX,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGxB,eAAA,EAAA;IAAAG,oBAAA,EAAA;QAAAsB,MAAA,EAAA;IAAA;IAAArB,UAAA,EAAA,CAAA;AAAA,GAAA;IAAAsB,CAAA,EAAA;QAAA;KAAA;AAAA,CAKjB,CAAC;AAGS,6CAA6CE,KAAK,IAAG;IAC5D,MAAMC,UAAU,GAAGL,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHrB,oBAAoB,MAAEF,mBAAY,EAACC,qBAAqB,CAACC,oBAAoB,EAAE0B,UAAU,CAAC1B,oBAAoB,CAAC;QAC/GC,UAAU,MAAEH,mBAAY,EAACC,qBAAqB,CAACE,UAAU,EAAEyB,UAAU,CAACzB,UAAU;IACpF,CAAC;AACL,CAAC"}

package/lib-commonjs/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    hbcWithAxisClassNames: function() {
+        return hbcWithAxisClassNames;
+    },
+    useHorizontalBarChartWithAxisStyles: function() {
+        return useHorizontalBarChartWithAxisStyles;
+    }
+});
+const _react = require("@griffel/react");
+const hbcWithAxisClassNames = {
+    opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',
+    xAxisTicks: 'fui-hbcwa__xAxisTicks',
+    tooltip: 'fui-hbcwa__tooltip',
+    chartLabel: '',
+    xAxisDomain: '',
+    xAxisText: '',
+    yAxisDomain: '',
+    yAxisTicks: '',
+    yAxisText: '',
+    root: '',
+    xAxis: '',
+    yAxis: '',
+    legendContainer: '',
+    hover: '',
+    descriptionMessage: '',
+    axisTitle: '',
+    chartTitle: '',
+    shapeStyles: '',
+    chartWrapper: '',
+    svgTooltip: '',
+    chart: ''
+};
+const useStyles = (0, _react.makeStyles)({
+    opacityChangeOnHover: {
+        opacity: 0.1
+    },
+    xAxisTicks: {}
+});
+const useHorizontalBarChartWithAxisStyles = (props)=>{
+    const baseStyles = useStyles();
+    return {
+        opacityChangeOnHover: (0, _react.mergeClasses)(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),
+        xAxisTicks: (0, _react.mergeClasses)(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks)
+    };
+};

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

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/HorizontalBarChartWithAxis/useHorizontalBarChartWithAxisStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { HorizontalBarChartWithAxisProps, HorizontalBarChartWithAxisStyles } from './index';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const hbcWithAxisClassNames: SlotClassNames<HorizontalBarChartWithAxisStyles> = {\n opacityChangeOnHover: 'fui-hbcwa__opacityChangeOnHover',\n xAxisTicks: 'fui-hbcwa__xAxisTicks',\n tooltip: 'fui-hbcwa__tooltip',\n chartLabel: '',\n xAxisDomain: '',\n xAxisText: '',\n yAxisDomain: '',\n yAxisTicks: '',\n yAxisText: '',\n root: '',\n xAxis: '',\n yAxis: '',\n legendContainer: '',\n hover: '',\n descriptionMessage: '',\n axisTitle: '',\n chartTitle: '',\n shapeStyles: '',\n chartWrapper: '',\n svgTooltip: '',\n chart: '',\n};\n\nconst useStyles = makeStyles({\n opacityChangeOnHover: {\n opacity: 0.1, // supports custom opacity\n },\n\n xAxisTicks: {},\n});\n\n/**\n * Apply styling to the HorizontalBarChartWithAxis slots based on the state\n */\nexport const useHorizontalBarChartWithAxisStyles = (\n props: HorizontalBarChartWithAxisProps,\n): HorizontalBarChartWithAxisStyles => {\n const baseStyles = useStyles();\n\n return {\n opacityChangeOnHover: mergeClasses(hbcWithAxisClassNames.opacityChangeOnHover, baseStyles.opacityChangeOnHover),\n xAxisTicks: mergeClasses(hbcWithAxisClassNames.xAxisTicks, baseStyles.xAxisTicks),\n };\n};\n"],"names":["makeStyles","mergeClasses","hbcWithAxisClassNames","opacityChangeOnHover","xAxisTicks","tooltip","chartLabel","xAxisDomain","xAxisText","yAxisDomain","yAxisTicks","yAxisText","root","xAxis","yAxis","legendContainer","hover","descriptionMessage","axisTitle","chartTitle","shapeStyles","chartWrapper","svgTooltip","chart","useStyles","opacity","useHorizontalBarChartWithAxisStyles","props","baseStyles"],"mappings":";;;;;;;;;;;IAIaE,qBAAAA;;;uCAmCAwB;eAAAA;;;uBAvC4B,iBAAiB;AAInD,8BAAgF;IACrFvB,sBAAsB;IACtBC,YAAY;IACZC,SAAS;IACTC,YAAY;IACZC,aAAa;IACbC,WAAW;IACXC,aAAa;IACbC,YAAY;IACZC,WAAW;IACXC,MAAM;IACNC,OAAO;IACPC,OAAO;IACPC,iBAAiB;IACjBC,OAAO;IACPC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,aAAa;IACbC,cAAc;IACdC,YAAY;IACZC,OAAO;AACT,EAAE;AAEF,MAAMC,gBAAYxB,iBAAAA,EAAW;IAC3BG,sBAAsB;QACpBsB,SAAS;IACX;IAEArB,YAAY,CAAC;AACf;AAKO,4CAA4C,CACjDuB;IAEA,MAAMC,aAAaJ;IAEnB,OAAO;QACLrB,0BAAsBF,mBAAAA,EAAaC,sBAAsBC,oBAAoB,EAAEyB,WAAWzB,oBAAoB;QAC9GC,gBAAYH,mBAAAA,EAAaC,sBAAsBE,UAAU,EAAEwB,WAAWxB,UAAU;IAClF;AACF,EAAE"}

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

@@ -17,6 +17,7 @@ const _reactoverflow = require("@fluentui/react-overflow");
 const _reacttabster = require("@fluentui/react-tabster");
 const _OverflowMenu = require("./OverflowMenu");
 const _reacttheme = require("@fluentui/react-theme");
+const _react1 = require("@griffel/react");
 const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
     /** Boolean variable to check if one or more legends are selected */ let _isLegendSelected = false;
     // set states separately for each instance of the component
@@ -111,13 +112,10 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 flexWrap: 'wrap',
                 overflow: 'auto'
             }
-        }, dataToRender.map((item, id)=>/*#__PURE__*/ _react.createElement("div", {
-                key: id,
-                style: {
-                    flex: '0 1 auto',
-                    margin: '4px'
-                }
-            }, _renderButton(item)))));
+        }, dataToRender.map((item)=>/*#__PURE__*/ _react.createElement("div", {
+                className: (0, _react1.mergeClasses)(classes.legendContainer, item.legendAnnotation && classes.annotation),
+                key: item.key
+            }, _renderButton(item), item.legendAnnotation && /*#__PURE__*/ _react.createElement("div", null, item.legendAnnotation())))));
     }
     function _generateData() {
         const { shape } = props;
@@ -143,7 +141,8 @@ const Legends = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>{
                 stripePattern: legend.stripePattern,
                 isLineLegendInBarChart: legend.isLineLegendInBarChart,
                 opacity: legend.opacity,
-                key: index
+                key: index,
+                legendAnnotation: legend.legendAnnotation
             };
         });
         return dataItems;

package/lib-commonjs/components/Legends/Legends.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Legends.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '@fluentui/react-button';\nimport { Legend, LegendsProps, LegendShape } from './Legends.types';\nimport { Shape } from './shape';\nimport { useLegendStyles } from './useLegendsStyles.styles';\nimport { Overflow, OverflowItem } from '@fluentui/react-overflow';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { OverflowMenu } from './OverflowMenu';\nimport { tokens } from '@fluentui/react-theme';\n\n// This is an internal interface used for rendering the legends with unique key\ninterface LegendItem 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\ninterface LegendMap {\n [key: string]: boolean;\n}\n\nexport interface LegendState {\n activeLegend: string;\n /** Set of legends selected, both for multiple selection and single selection /\n selectedLegends: LegendMap;\n}\nexport const Legends: React.FunctionComponent<LegendsProps> = React.forwardRef<HTMLDivElement, LegendsProps>(\n (props, forwardedRef) => {\n /* Boolean variable to check if one or more legends are selected /\n let _isLegendSelected = false;\n\n // set states separately for each instance of the component\n const [activeLegend, setActiveLegend] = React.useState('');\n const [selectedLegends, setSelectedLegends] = React.useState<LegendMap>({});\n const focusAttributes = useFocusableGroup();\n const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal', memorizeCurrent: true });\n\n React.useEffect(() => {\n const initialSelectedLegends = props.selectedLegends ?? props.defaultSelectedLegends;\n const initialSelectedLegend = props.selectedLegend ?? props.defaultSelectedLegend;\n let selectedLegendsState = {};\n if (props.canSelectMultipleLegends) {\n selectedLegendsState =\n (initialSelectedLegends ?? [])?.reduce(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (combineDict: any, key: any) => ({ [key]: true, ...combineDict }),\n {},\n ) \|\| {};\n setSelectedLegends(selectedLegendsState);\n } else if (initialSelectedLegend !== undefined) {\n selectedLegendsState = { [initialSelectedLegend]: true };\n setSelectedLegends(selectedLegendsState);\n }\n }, [\n props.canSelectMultipleLegends,\n props.defaultSelectedLegend,\n props.defaultSelectedLegends,\n props.selectedLegend,\n props.selectedLegends,\n ]);\n\n _isLegendSelected = Object.keys(selectedLegends).length > 0;\n const dataToRender = _generateData();\n const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;\n const classes = useLegendStyles(props);\n const itemIds = dataToRender.map((_item, index) => index.toString());\n const overflowHoverCardLegends: JSX.Element[] = [];\n props.legends.map((legend, index) => {\n const hoverCardElement = _renderButton(legend, index);\n overflowHoverCardLegends.push(hoverCardElement);\n });\n const overflowString = props.overflowText ? props.overflowText : 'more';\n return props.enabledWrapLines ? renderWrappedLegends() : renderLegends();\n\n function renderLegends(): JSX.Element {\n return (\n <div\n {...focusAttributes}\n {...arrowAttributes}\n {...(allowFocusOnLegends && {\n role: 'listbox',\n 'aria-label': 'Legends',\n 'aria-multiselectable': canSelectMultipleLegends,\n })}\n className={classes.root}\n >\n <Overflow>\n <div className={classes.resizableArea} style={{ textAlign: props.centerLegends ? 'center' : 'unset' }}>\n {dataToRender.map((item, id) => (\n <OverflowItem key={id} id={id.toString()}>\n {_renderButton(item)}\n </OverflowItem>\n ))}\n <OverflowMenu itemIds={itemIds} title={`${overflowString}`} items={overflowHoverCardLegends} />\n </div>\n </Overflow>\n </div>\n );\n }\n\n function renderWrappedLegends(): JSX.Element {\n return (\n <div\n {...focusAttributes}\n {...arrowAttributes}\n {...(allowFocusOnLegends && {\n role: 'listbox',\n 'aria-label': 'Legends',\n 'aria-multiselectable': canSelectMultipleLegends,\n })}\n style={{ justifyContent: props.centerLegends ? 'center' : 'unset', flexWrap: 'wrap', ...overflowStyles }}\n className={classes.root}\n >\n <div className={classes.resizableArea} style={{ display: 'flex', flexWrap: 'wrap', overflow: 'auto' }}>\n {dataToRender.map((item, id) => (\n <div key={id} style={{ flex: '0 1 auto', margin: '4px' }}>\n {_renderButton(item)}\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n function _generateData(): LegendItem[] {\n const { /allowFocusOnLegends = true,/ shape } = props;\n const dataItems: LegendItem[] = props.legends.map((legend: Legend, index: number) => {\n return {\n / ...(allowFocusOnLegends && {\n nativeButtonProps: getIntrinsicElementProps(\n 'div',\n {\n legend,\n ...buttonProperties,\n },\n ['title'],\n ),\n 'aria-setsize': 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: shape ? shape : legend.shape,\n stripePattern: legend.stripePattern,\n isLineLegendInBarChart: legend.isLineLegendInBarChart,\n opacity: legend.opacity,\n key: index,\n };\n });\n return dataItems;\n }\n\n /\n Determine whether the component is in \"controlled\" mode for selections, where the selected legend(s) are\n * determined entirely by props passed in from the parent component.\n /\n function _isInControlledMode(): boolean {\n return props.canSelectMultipleLegends ? props.selectedLegends !== undefined : props.selectedLegend !== undefined;\n }\n\n /\n Get the new selected legends based on the legend that was clicked when multi-select is enabled.\n * @param legend The legend that was clicked\n * @returns An object with the new selected legend(s) state data.\n /\n function _getNewSelectedLegendsForMultiselect(legend: Legend): { [key: string]: boolean } {\n let legendsSelected = { ...selectedLegends };\n if (legendsSelected[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 legendsSelected[legend.title];\n } else {\n legendsSelected[legend.title] = true;\n // Clear set if all legends are selected\n if (Object.keys(legendsSelected).length === props.legends.length) {\n legendsSelected = {};\n }\n }\n return legendsSelected;\n }\n\n /\n Get the new selected legends based on the legend that was clicked when single-select is enabled.\n * @param legend The legend that was clicked\n * @returns An object with the new selected legend state data.\n /\n function _getNewSelectedLegendsForSingleSelect(legend: Legend): { [key: string]: boolean } {\n return selectedLegends[legend.title] ? {} : { [legend.title]: true };\n }\n\n function _onClick(legend: Legend, event: React.MouseEvent<HTMLButtonElement>): void {\n const { canSelectMultipleLegends = false } = props;\n const nextSelectedLegends = canSelectMultipleLegends\n ? _getNewSelectedLegendsForMultiselect(legend)\n : _getNewSelectedLegendsForSingleSelect(legend);\n\n if (!_isInControlledMode()) {\n setSelectedLegends(nextSelectedLegends);\n }\n props.onChange?.(Object.keys(nextSelectedLegends), event, legend);\n legend.action?.();\n }\n\n function _onHoverOverLegend(legend: Legend) {\n if (legend.hoverAction) {\n setActiveLegend(legend.title);\n legend.hoverAction();\n }\n }\n\n function _onLeave(legend: Legend) {\n if (legend.onMouseOutAction) {\n setActiveLegend('');\n legend.onMouseOutAction();\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _renderButton(data: any, index?: number) {\n const { allowFocusOnLegends = true } = props;\n const legend: Legend = {\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 = _getColor(legend.title, legend.color);\n const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n _onClick(legend, event);\n };\n const onHoverHandler = () => {\n _onHoverOverLegend(legend);\n };\n const onMouseOut = () => {\n _onLeave(legend);\n };\n const shape = _getShape(legend, color);\n return (\n <Button\n {...(allowFocusOnLegends && {\n 'aria-selected': !!selectedLegends[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={classes.legend}\n onClick={onClickHandler}\n onMouseOver={onHoverHandler}\n onMouseOut={onMouseOut}\n onFocus={onHoverHandler}\n onBlur={onMouseOut}\n appearance={'outline'}\n size=\"small\"\n style={{\n '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',\n '--rect-backgroundColor': legend.stripePattern ? '' : color,\n '--rect-borderColor': legend.color ? legend.color : tokens.colorNeutralStroke1,\n '--rect-content': legend.stripePattern\n ? // eslint-disable-next-line @fluentui/max-len\n `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n : '',\n }} / eslint-enable react/jsx-no-bind */\n >\n {shape}\n <div className={classes.text} style={{ opacity: color === tokens.colorNeutralBackground1 ? '0.67' : '' }}>\n {legend.title}\n </div>\n </Button>\n );\n }\n\n function _getShape(legend: Legend, color: string): React.ReactNode \| string {\n const svgParentProps: React.SVGAttributes<SVGElement> = {\n className: classes.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={classes.rect}\n style={\n {\n height: legend.isLineLegendInBarChart ? '4px' : '12px',\n backgroundColor: legend.stripePattern ? '' : color,\n borderColor: legend.color ? legend.color : tokens.colorNeutralStroke1,\n content: legend.stripePattern\n ? // eslint-disable-next-line @fluentui/max-len\n `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n : '',\n '--rect-content-high-contrast': `linear-gradient(to right, ${color}, ${color})`,\n '--rect-opacity-high-contrast': color === tokens.colorNeutralBackground1 ? '0.6' : '',\n } as React.CSSProperties\n }\n />\n );\n }\n\n function _getColor(title: string, color: string): string {\n let legendColor = color;\n // if one or more legends are selected\n if (_isLegendSelected) {\n // if the given legend (title) is one of the selected legends\n if (selectedLegends[title]) {\n legendColor = color;\n }\n // if the given legend is unselected\n else {\n legendColor = tokens.colorNeutralBackground1;\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 (activeLegend === title \|\| activeLegend === '') {\n legendColor = color;\n }\n // if there is a hovered legend but the given legend is not the one\n else {\n legendColor = tokens.colorNeutralBackground1;\n }\n }\n return legendColor;\n }\n },\n);\nLegends.displayName = 'Legends';\n"],"names":["Legends","React","forwardRef","props","forwardedRef","_isLegendSelected","activeLegend","setActiveLegend","useState","selectedLegends","setSelectedLegends","focusAttributes","useFocusableGroup","arrowAttributes","useArrowNavigationGroup","axis","memorizeCurrent","useEffect","initialSelectedLegends","defaultSelectedLegends","initialSelectedLegend","selectedLegend","defaultSelectedLegend","selectedLegendsState","canSelectMultipleLegends","_this","reduce","combineDict","key","undefined","Object","keys","length","dataToRender","_generateData","overflowStyles","allowFocusOnLegends","classes","useLegendStyles","itemIds","map","_item","index","toString","overflowHoverCardLegends","legends","legend","hoverCardElement","_renderButton","push","overflowString","overflowText","enabledWrapLines","renderWrappedLegends","renderLegends","createElement","div","role","className","root","Overflow","resizableArea","style","textAlign","centerLegends","item","id","OverflowItem","OverflowMenu","title","items","justifyContent","flexWrap","display","overflow","flex","margin","shape","dataItems","action","hoverAction","onMouseOutAction","color","stripePattern","isLineLegendInBarChart","opacity","_isInControlledMode","_getNewSelectedLegendsForMultiselect","legendsSelected","_getNewSelectedLegendsForSingleSelect","_onClick","event","nextSelectedLegends","onChange","_onHoverOverLegend","_onLeave","data","_getColor","onClickHandler","onHoverHandler","onMouseOut","_getShape","Button","nativeButtonProps","onClick","onMouseOver","onFocus","onBlur","appearance","size","tokens","colorNeutralStroke1","text","colorNeutralBackground1","svgParentProps","svgChildProps","fill","strokeWidth","stroke","Shape","svgProps","pathProps","classNameForNonSvg","rect","height","backgroundColor","borderColor","content","legendColor","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../src/components/Legends/Legends.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '@fluentui/react-button';\nimport { Legend, LegendsProps, LegendShape } from './Legends.types';\nimport { Shape } from './shape';\nimport { useLegendStyles } from './useLegendsStyles.styles';\nimport { Overflow, OverflowItem } from '@fluentui/react-overflow';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { OverflowMenu } from './OverflowMenu';\nimport { tokens } from '@fluentui/react-theme';\nimport { mergeClasses } from '@griffel/react';\n\n// This is an internal interface used for rendering the legends with unique key\ninterface LegendItem 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 legendAnnotation?: () => React.ReactNode;\n}\n\ninterface LegendMap {\n [key: string]: boolean;\n}\n\nexport interface LegendState {\n activeLegend: string;\n /** Set of legends selected, both for multiple selection and single selection /\n selectedLegends: LegendMap;\n}\nexport const Legends: React.FunctionComponent<LegendsProps> = React.forwardRef<HTMLDivElement, LegendsProps>(\n (props, forwardedRef) => {\n /* Boolean variable to check if one or more legends are selected /\n let _isLegendSelected = false;\n\n // set states separately for each instance of the component\n const [activeLegend, setActiveLegend] = React.useState('');\n const [selectedLegends, setSelectedLegends] = React.useState<LegendMap>({});\n const focusAttributes = useFocusableGroup();\n const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal', memorizeCurrent: true });\n\n React.useEffect(() => {\n const initialSelectedLegends = props.selectedLegends ?? props.defaultSelectedLegends;\n const initialSelectedLegend = props.selectedLegend ?? props.defaultSelectedLegend;\n let selectedLegendsState = {};\n if (props.canSelectMultipleLegends) {\n selectedLegendsState =\n (initialSelectedLegends ?? [])?.reduce(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (combineDict: any, key: any) => ({ [key]: true, ...combineDict }),\n {},\n ) \|\| {};\n setSelectedLegends(selectedLegendsState);\n } else if (initialSelectedLegend !== undefined) {\n selectedLegendsState = { [initialSelectedLegend]: true };\n setSelectedLegends(selectedLegendsState);\n }\n }, [\n props.canSelectMultipleLegends,\n props.defaultSelectedLegend,\n props.defaultSelectedLegends,\n props.selectedLegend,\n props.selectedLegends,\n ]);\n\n _isLegendSelected = Object.keys(selectedLegends).length > 0;\n const dataToRender = _generateData();\n const { overflowStyles, allowFocusOnLegends = true, canSelectMultipleLegends = false } = props;\n const classes = useLegendStyles(props);\n const itemIds = dataToRender.map((_item, index) => index.toString());\n const overflowHoverCardLegends: JSX.Element[] = [];\n props.legends.map((legend, index) => {\n const hoverCardElement = _renderButton(legend, index);\n overflowHoverCardLegends.push(hoverCardElement);\n });\n const overflowString = props.overflowText ? props.overflowText : 'more';\n return props.enabledWrapLines ? renderWrappedLegends() : renderLegends();\n\n function renderLegends(): JSX.Element {\n return (\n <div\n {...focusAttributes}\n {...arrowAttributes}\n {...(allowFocusOnLegends && {\n role: 'listbox',\n 'aria-label': 'Legends',\n 'aria-multiselectable': canSelectMultipleLegends,\n })}\n className={classes.root}\n >\n <Overflow>\n <div className={classes.resizableArea} style={{ textAlign: props.centerLegends ? 'center' : 'unset' }}>\n {dataToRender.map((item, id) => (\n <OverflowItem key={id} id={id.toString()}>\n {_renderButton(item)}\n </OverflowItem>\n ))}\n <OverflowMenu itemIds={itemIds} title={`${overflowString}`} items={overflowHoverCardLegends} />\n </div>\n </Overflow>\n </div>\n );\n }\n\n function renderWrappedLegends(): JSX.Element {\n return (\n <div\n {...focusAttributes}\n {...arrowAttributes}\n {...(allowFocusOnLegends && {\n role: 'listbox',\n 'aria-label': 'Legends',\n 'aria-multiselectable': canSelectMultipleLegends,\n })}\n style={{ justifyContent: props.centerLegends ? 'center' : 'unset', flexWrap: 'wrap', ...overflowStyles }}\n className={classes.root}\n >\n <div className={classes.resizableArea} style={{ display: 'flex', flexWrap: 'wrap', overflow: 'auto' }}>\n {dataToRender.map(item => (\n <div\n className={mergeClasses(classes.legendContainer, item.legendAnnotation && classes.annotation)}\n key={item.key}\n >\n {_renderButton(item)}\n {item.legendAnnotation && <div>{item.legendAnnotation()}</div>}\n </div>\n ))}\n </div>\n </div>\n );\n }\n\n function _generateData(): LegendItem[] {\n const { /allowFocusOnLegends = true,/ shape } = props;\n const dataItems: LegendItem[] = props.legends.map((legend: Legend, index: number) => {\n return {\n / ...(allowFocusOnLegends && {\n nativeButtonProps: getIntrinsicElementProps(\n 'div',\n {\n legend,\n ...buttonProperties,\n },\n ['title'],\n ),\n 'aria-setsize': 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: shape ? shape : legend.shape,\n stripePattern: legend.stripePattern,\n isLineLegendInBarChart: legend.isLineLegendInBarChart,\n opacity: legend.opacity,\n key: index,\n legendAnnotation: legend.legendAnnotation,\n };\n });\n return dataItems;\n }\n\n /\n Determine whether the component is in \"controlled\" mode for selections, where the selected legend(s) are\n * determined entirely by props passed in from the parent component.\n /\n function _isInControlledMode(): boolean {\n return props.canSelectMultipleLegends ? props.selectedLegends !== undefined : props.selectedLegend !== undefined;\n }\n\n /\n Get the new selected legends based on the legend that was clicked when multi-select is enabled.\n * @param legend The legend that was clicked\n * @returns An object with the new selected legend(s) state data.\n /\n function _getNewSelectedLegendsForMultiselect(legend: Legend): { [key: string]: boolean } {\n let legendsSelected = { ...selectedLegends };\n if (legendsSelected[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 legendsSelected[legend.title];\n } else {\n legendsSelected[legend.title] = true;\n // Clear set if all legends are selected\n if (Object.keys(legendsSelected).length === props.legends.length) {\n legendsSelected = {};\n }\n }\n return legendsSelected;\n }\n\n /\n Get the new selected legends based on the legend that was clicked when single-select is enabled.\n * @param legend The legend that was clicked\n * @returns An object with the new selected legend state data.\n /\n function _getNewSelectedLegendsForSingleSelect(legend: Legend): { [key: string]: boolean } {\n return selectedLegends[legend.title] ? {} : { [legend.title]: true };\n }\n\n function _onClick(legend: Legend, event: React.MouseEvent<HTMLButtonElement>): void {\n const { canSelectMultipleLegends = false } = props;\n const nextSelectedLegends = canSelectMultipleLegends\n ? _getNewSelectedLegendsForMultiselect(legend)\n : _getNewSelectedLegendsForSingleSelect(legend);\n\n if (!_isInControlledMode()) {\n setSelectedLegends(nextSelectedLegends);\n }\n props.onChange?.(Object.keys(nextSelectedLegends), event, legend);\n legend.action?.();\n }\n\n function _onHoverOverLegend(legend: Legend) {\n if (legend.hoverAction) {\n setActiveLegend(legend.title);\n legend.hoverAction();\n }\n }\n\n function _onLeave(legend: Legend) {\n if (legend.onMouseOutAction) {\n setActiveLegend('');\n legend.onMouseOutAction();\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _renderButton(data: any, index?: number) {\n const { allowFocusOnLegends = true } = props;\n const legend: Legend = {\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 = _getColor(legend.title, legend.color);\n const onClickHandler = (event: React.MouseEvent<HTMLButtonElement>) => {\n _onClick(legend, event);\n };\n const onHoverHandler = () => {\n _onHoverOverLegend(legend);\n };\n const onMouseOut = () => {\n _onLeave(legend);\n };\n const shape = _getShape(legend, color);\n return (\n <Button\n {...(allowFocusOnLegends && {\n 'aria-selected': !!selectedLegends[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={classes.legend}\n onClick={onClickHandler}\n onMouseOver={onHoverHandler}\n onMouseOut={onMouseOut}\n onFocus={onHoverHandler}\n onBlur={onMouseOut}\n appearance={'outline'}\n size=\"small\"\n style={{\n '--rect-height': legend.isLineLegendInBarChart ? '4px' : '12px',\n '--rect-backgroundColor': legend.stripePattern ? '' : color,\n '--rect-borderColor': legend.color ? legend.color : tokens.colorNeutralStroke1,\n '--rect-content': legend.stripePattern\n ? // eslint-disable-next-line @fluentui/max-len\n `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n : '',\n }} / eslint-enable react/jsx-no-bind */\n >\n {shape}\n <div className={classes.text} style={{ opacity: color === tokens.colorNeutralBackground1 ? '0.67' : '' }}>\n {legend.title}\n </div>\n </Button>\n );\n }\n\n function _getShape(legend: Legend, color: string): React.ReactNode \| string {\n const svgParentProps: React.SVGAttributes<SVGElement> = {\n className: classes.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={classes.rect}\n style={\n {\n height: legend.isLineLegendInBarChart ? '4px' : '12px',\n backgroundColor: legend.stripePattern ? '' : color,\n borderColor: legend.color ? legend.color : tokens.colorNeutralStroke1,\n content: legend.stripePattern\n ? // eslint-disable-next-line @fluentui/max-len\n `repeating-linear-gradient(135deg, transparent, transparent 3px, ${color} 1px, ${color} 4px)`\n : '',\n '--rect-content-high-contrast': `linear-gradient(to right, ${color}, ${color})`,\n '--rect-opacity-high-contrast': color === tokens.colorNeutralBackground1 ? '0.6' : '',\n } as React.CSSProperties\n }\n />\n );\n }\n\n function _getColor(title: string, color: string): string {\n let legendColor = color;\n // if one or more legends are selected\n if (_isLegendSelected) {\n // if the given legend (title) is one of the selected legends\n if (selectedLegends[title]) {\n legendColor = color;\n }\n // if the given legend is unselected\n else {\n legendColor = tokens.colorNeutralBackground1;\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 (activeLegend === title \|\| activeLegend === '') {\n legendColor = color;\n }\n // if there is a hovered legend but the given legend is not the one\n else {\n legendColor = tokens.colorNeutralBackground1;\n }\n }\n return legendColor;\n }\n },\n);\nLegends.displayName = 'Legends';\n"],"names":["React","Button","Shape","useLegendStyles","Overflow","OverflowItem","useFocusableGroup","useArrowNavigationGroup","OverflowMenu","tokens","mergeClasses","Legends","forwardRef","props","forwardedRef","_isLegendSelected","activeLegend","setActiveLegend","useState","selectedLegends","setSelectedLegends","focusAttributes","arrowAttributes","axis","memorizeCurrent","useEffect","initialSelectedLegends","defaultSelectedLegends","initialSelectedLegend","selectedLegend","defaultSelectedLegend","selectedLegendsState","canSelectMultipleLegends","reduce","combineDict","key","undefined","Object","keys","length","dataToRender","_generateData","overflowStyles","allowFocusOnLegends","classes","itemIds","map","_item","index","toString","overflowHoverCardLegends","legends","legend","hoverCardElement","_renderButton","push","overflowString","overflowText","enabledWrapLines","renderWrappedLegends","renderLegends","div","role","className","root","resizableArea","style","textAlign","centerLegends","item","id","title","items","justifyContent","flexWrap","display","overflow","legendContainer","legendAnnotation","annotation","shape","dataItems","action","hoverAction","onMouseOutAction","color","stripePattern","isLineLegendInBarChart","opacity","_isInControlledMode","_getNewSelectedLegendsForMultiselect","legendsSelected","_getNewSelectedLegendsForSingleSelect","_onClick","event","nextSelectedLegends","onChange","_onHoverOverLegend","_onLeave","data","_getColor","onClickHandler","onHoverHandler","onMouseOut","_getShape","nativeButtonProps","onClick","onMouseOver","onFocus","onBlur","appearance","size","colorNeutralStroke1","text","colorNeutralBackground1","svgParentProps","svgChildProps","fill","strokeWidth","stroke","svgProps","pathProps","classNameForNonSvg","rect","height","backgroundColor","borderColor","content","legendColor","displayName"],"mappings":";;;;;;;eAqCaW;;;;iEArCU,QAAQ;6BAER,yBAAyB;uBAE1B,UAAU;wCACA,4BAA4B;+BACrB,2BAA2B;8BACP,0BAA0B;8BACxD,iBAAiB;4BACvB,wBAAwB;wBAClB,iBAAiB;AA2BvC,gBAAMA,WAAAA,GAAiDX,OAAMY,UAAU,CAC5E,CAACC,OAAOC;IACN,kEAAkE,GAClE,IAAIC,oBAAoB;IAExB,2DAA2D;IAC3D,MAAM,CAACC,cAAcC,gBAAgB,GAAGjB,OAAMkB,QAAQ,CAAC;IACvD,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGpB,OAAMkB,QAAQ,CAAY,CAAC;IACzE,MAAMG,sBAAkBf,+BAAAA;IACxB,MAAMgB,sBAAkBf,qCAAAA,EAAwB;QAAEgB,MAAM;QAAcC,iBAAiB;IAAK;IAE5FxB,OAAMyB,SAAS,CAAC;YACiBZ;QAA/B,MAAMa,yBAAyBb,CAAAA,yBAAAA,MAAMM,eAAAA,AAAe,MAAA,QAArBN,2BAAAA,KAAAA,IAAAA,yBAAyBA,MAAMc,sBAAsB;YACtDd;QAA9B,MAAMe,wBAAwBf,CAAAA,wBAAAA,MAAMgB,cAAAA,AAAc,MAAA,QAApBhB,0BAAAA,KAAAA,IAAAA,wBAAwBA,MAAMiB,qBAAqB;QACjF,IAAIC,uBAAuB,CAAC;QAC5B,IAAIlB,MAAMmB,wBAAwB,EAAE;gBAE/BN;YADHK,uBACE,CAAA,CAACL,QAAAA,2BAAAA,QAAAA,2BAAAA,KAAAA,IAAAA,yBAA0B,EAAA,AAAE,MAAA,QAA5BA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAA+BO,MAAM,CACpC,AACA,CAACC,aAAkBC,MAAc,CAAA,yCAD6B;oBAC3B,CAACA,IAAI,EAAE;oBAAM,GAAGD,WAAW;iBAAC,CAAA,EAC/D,CAAC,EAAA,KACE,CAAC;YACRd,mBAAmBW;QACrB,OAAO,IAAIH,0BAA0BQ,WAAW;YAC9CL,uBAAuB;gBAAE,CAACH,sBAAsB,EAAE;YAAK;YACvDR,mBAAmBW;QACrB;IACF,GAAG;QACDlB,MAAMmB,wBAAwB;QAC9BnB,MAAMiB,qBAAqB;QAC3BjB,MAAMc,sBAAsB;QAC5Bd,MAAMgB,cAAc;QACpBhB,MAAMM,eAAe;KACtB;IAEDJ,oBAAoBsB,OAAOC,IAAI,CAACnB,iBAAiBoB,MAAM,GAAG;IAC1D,MAAMC,eAAeC;IACrB,MAAM,EAAEC,cAAc,EAAEC,sBAAsB,IAAI,EAAEX,2BAA2B,KAAK,EAAE,GAAGnB;IACzF,MAAM+B,cAAUzC,uCAAAA,EAAgBU;IAChC,MAAMgC,UAAUL,aAAaM,GAAG,CAAC,CAACC,OAAOC,QAAUA,MAAMC,QAAQ;IACjE,MAAMC,2BAA0C,EAAE;IAClDrC,MAAMsC,OAAO,CAACL,GAAG,CAAC,CAACM,QAAQJ;QACzB,MAAMK,mBAAmBC,cAAcF,QAAQJ;QAC/CE,yBAAyBK,IAAI,CAACF;IAChC;IACA,MAAMG,iBAAiB3C,MAAM4C,YAAY,GAAG5C,MAAM4C,YAAY,GAAG;IACjE,OAAO5C,MAAM6C,gBAAgB,GAAGC,yBAAyBC;IAEzD,SAASA;QACP,OAAA,WAAA,GACE,OAAA,aAAA,CAACC,OAAAA;YACE,GAAGxC,eAAe;YAClB,GAAGC,eAAe;YAClB,GAAIqB,uBAAuB;gBAC1BmB,MAAM;gBACN,cAAc;gBACd,wBAAwB9B;YAC1B,CAAC;YACD+B,WAAWnB,QAAQoB,IAAI;yBAEvB,OAAA,aAAA,CAAC5D,uBAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACyD,OAAAA;YAAIE,WAAWnB,QAAQqB,aAAa;YAAEC,OAAO;gBAAEC,WAAWtD,MAAMuD,aAAa,GAAG,WAAW;YAAQ;WACjG5B,aAAaM,GAAG,CAAC,CAACuB,MAAMC,KAAAA,WAAAA,GACvB,OAAA,aAAA,CAACjE,2BAAAA,EAAAA;gBAAa8B,KAAKmC;gBAAIA,IAAIA,GAAGrB,QAAQ;eACnCK,cAAce,SAAAA,WAAAA,GAGnB,OAAA,aAAA,CAAC7D,0BAAAA,EAAAA;YAAaqC,SAASA;YAAS0B,OAAO,GAAGf,gBAAgB;YAAEgB,OAAOtB;;IAK7E;IAEA,SAASS;QACP,OAAA,WAAA,GACE,OAAA,aAAA,CAACE,OAAAA;YACE,GAAGxC,eAAe;YAClB,GAAGC,eAAe;YAClB,GAAIqB,uBAAuB;gBAC1BmB,MAAM;gBACN,cAAc;gBACd,wBAAwB9B;YAC1B,CAAC;YACDkC,OAAO;gBAAEO,gBAAgB5D,MAAMuD,aAAa,GAAG,WAAW;gBAASM,UAAU;gBAAQ,GAAGhC,cAAc;YAAC;YACvGqB,WAAWnB,QAAQoB,IAAI;yBAEvB,OAAA,aAAA,CAACH,OAAAA;YAAIE,WAAWnB,QAAQqB,aAAa;YAAEC,OAAO;gBAAES,SAAS;gBAAQD,UAAU;gBAAQE,UAAU;YAAO;WACjGpC,aAAaM,GAAG,CAACuB,CAAAA,OAAAA,WAAAA,GAChB,OAAA,aAAA,CAACR,OAAAA;gBACCE,eAAWrD,oBAAAA,EAAakC,QAAQiC,eAAe,EAAER,KAAKS,gBAAgB,IAAIlC,QAAQmC,UAAU;gBAC5F5C,KAAKkC,KAAKlC,GAAG;eAEZmB,cAAce,OACdA,KAAKS,gBAAgB,IAAA,WAAA,GAAI,OAAA,aAAA,CAACjB,OAAAA,MAAKQ,KAAKS,gBAAgB;IAMjE;IAEA,SAASrC;QACP,MAAM,EAAkCuC,KAAK,EAAE,GAAGnE;QAClD,MAAMoE,YAA0BpE,MAAMsC,OAAO,CAACL,GAAG,CAAC,CAACM,QAAgBJ;YACjE,OAAO;gBACL;;;;;;;;;;;cAWI,GACJuB,OAAOnB,OAAOmB,KAAK;gBACnBW,QAAQ9B,OAAO8B,MAAM;gBACrBC,aAAa/B,OAAO+B,WAAW;gBAC/BC,kBAAkBhC,OAAOgC,gBAAgB;gBACzCC,OAAOjC,OAAOiC,KAAK;gBACnBL,OAAOA,QAAQA,QAAQ5B,OAAO4B,KAAK;gBACnCM,eAAelC,OAAOkC,aAAa;gBACnCC,wBAAwBnC,OAAOmC,sBAAsB;gBACrDC,SAASpC,OAAOoC,OAAO;gBACvBrD,KAAKa;gBACL8B,kBAAkB1B,OAAO0B,gBAAgB;YAC3C;QACF;QACA,OAAOG;IACT;IAEA;;;KAGC,GACD,SAASQ;QACP,OAAO5E,MAAMmB,wBAAwB,GAAGnB,MAAMM,eAAe,KAAKiB,YAAYvB,MAAMgB,cAAc,KAAKO;IACzG;IAEA;;;;KAIC,GACD,SAASsD,qCAAqCtC,MAAc;QAC1D,IAAIuC,kBAAkB;YAAE,GAAGxE,eAAe;QAAC;QAC3C,IAAIwE,eAAe,CAACvC,OAAOmB,KAAK,CAAC,EAAE;YACjC,iDAAiD;YACjD,6DAA6D;YAC7D,OAAOoB,eAAe,CAACvC,OAAOmB,KAAK,CAAC;QACtC,OAAO;YACLoB,eAAe,CAACvC,OAAOmB,KAAK,CAAC,GAAG;YAChC,wCAAwC;YACxC,IAAIlC,OAAOC,IAAI,CAACqD,iBAAiBpD,MAAM,KAAK1B,MAAMsC,OAAO,CAACZ,MAAM,EAAE;gBAChEoD,kBAAkB,CAAC;YACrB;QACF;QACA,OAAOA;IACT;IAEA;;;;KAIC,GACD,SAASC,sCAAsCxC,MAAc;QAC3D,OAAOjC,eAAe,CAACiC,OAAOmB,KAAK,CAAC,GAAG,CAAC,IAAI;YAAE,CAACnB,OAAOmB,KAAK,CAAC,EAAE;QAAK;IACrE;IAEA,SAASsB,SAASzC,MAAc,EAAE0C,KAA0C;YAS1EjF,iBACAuC;QATA,MAAM,EAAEpB,2BAA2B,KAAK,EAAE,GAAGnB;QAC7C,MAAMkF,sBAAsB/D,2BACxB0D,qCAAqCtC,UACrCwC,sCAAsCxC;QAE1C,IAAI,CAACqC,uBAAuB;YAC1BrE,mBAAmB2E;QACrB;SACAlF,kBAAAA,MAAMmF,QAAAA,AAAQ,MAAA,QAAdnF,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,OAAiBwB,OAAOC,IAAI,CAACyD,sBAAsBD,OAAO1C;SAC1DA,iBAAAA,OAAO8B,MAAAA,AAAM,MAAA,QAAb9B,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA;IACF;IAEA,SAAS6C,mBAAmB7C,MAAc;QACxC,IAAIA,OAAO+B,WAAW,EAAE;YACtBlE,gBAAgBmC,OAAOmB,KAAK;YAC5BnB,OAAO+B,WAAW;QACpB;IACF;IAEA,SAASe,SAAS9C,MAAc;QAC9B,IAAIA,OAAOgC,gBAAgB,EAAE;YAC3BnE,gBAAgB;YAChBmC,OAAOgC,gBAAgB;QACzB;IACF;IAEA,8DAA8D;IAC9D,SAAS9B,cAAc6C,IAAS,EAAEnD,KAAc;QAC9C,MAAM,EAAEL,sBAAsB,IAAI,EAAE,GAAG9B;QACvC,MAAMuC,SAAiB;YACrBmB,OAAO4B,KAAK5B,KAAK;YACjBc,OAAOc,KAAKd,KAAK;YACjBL,OAAOmB,KAAKnB,KAAK;YACjBE,QAAQiB,KAAKjB,MAAM;YACnBC,aAAagB,KAAKhB,WAAW;YAC7BC,kBAAkBe,KAAKf,gBAAgB;YACvCE,eAAea,KAAKb,aAAa;YACjCC,wBAAwBY,KAAKZ,sBAAsB;YACnDC,SAASW,KAAKX,OAAO;QACvB;QACA,MAAMH,QAAQe,UAAUhD,OAAOmB,KAAK,EAAEnB,OAAOiC,KAAK;QAClD,MAAMgB,iBAAiB,CAACP;YACtBD,SAASzC,QAAQ0C;QACnB;QACA,MAAMQ,iBAAiB;YACrBL,mBAAmB7C;QACrB;QACA,MAAMmD,aAAa;YACjBL,SAAS9C;QACX;QACA,MAAM4B,QAAQwB,UAAUpD,QAAQiC;QAChC,OAAA,WAAA,GACE,OAAA,aAAA,CAACpF,mBAAAA,EAAAA;YACE,GAAI0C,uBAAuB;gBAC1B,iBAAiB,CAAC,CAACxB,eAAe,CAACiC,OAAOmB,KAAK,CAAC;gBAChDT,MAAM;gBACN,cAAc,GAAGV,OAAOmB,KAAK,EAAE;gBAC/B,gBAAgB4B,IAAI,CAAC,eAAe;gBACpC,iBAAiBA,IAAI,CAAC,gBAAgB;YACxC,CAAC;YACA,GAAIA,KAAKM,iBAAiB,IAAI;gBAAE,GAAGN,KAAKM,iBAAiB;YAAC,CAAC;YAC5DtE,KAAKa;YACLe,WAAWnB,QAAQQ,MAAM;YACzBsD,SAASL;YACTM,aAAaL;YACbC,YAAYA;YACZK,SAASN;YACTO,QAAQN;YACRO,YAAY;YACZC,MAAK;YACL7C,OAAO;gBACL,iBAAiBd,OAAOmC,sBAAsB,GAAG,QAAQ;gBACzD,0BAA0BnC,OAAOkC,aAAa,GAAG,KAAKD;gBACtD,sBAAsBjC,OAAOiC,KAAK,GAAGjC,OAAOiC,KAAK,GAAG5E,kBAAAA,CAAOuG,mBAAmB;gBAC9E,kBAAkB5D,OAAOkC,aAAa,GAElC,CAAC,gEAAgE,EAAED,MAAM,MAAM,EAAEA,MAAM,KAAK,CAAC,GAC7F;YACN;WAECL,OAAAA,WAAAA,GACD,OAAA,aAAA,CAACnB,OAAAA;YAAIE,WAAWnB,QAAQqE,IAAI;YAAE/C,OAAO;gBAAEsB,SAASH,UAAU5E,kBAAAA,CAAOyG,uBAAuB,GAAG,SAAS;YAAG;WACpG9D,OAAOmB,KAAK;IAIrB;IAEA,SAASiC,UAAUpD,MAAc,EAAEiC,KAAa;QAC9C,MAAM8B,iBAAkD;YACtDpD,WAAWnB,QAAQoC,KAAK;QAC1B;QACA,MAAMoC,gBAAiD;YACrDC,MAAMhC;YACNiC,aAAa;YACbC,QAAQnE,OAAOiC,KAAK;QACtB;QACA,OAAA,WAAA,GACE,OAAA,aAAA,CAACnF,YAAAA,EAAAA;YACCsH,UAAUL;YACVM,WAAWL;YACXpC,OAAO5B,OAAO4B,KAAK;YACnB0C,oBAAoB9E,QAAQ+E,IAAI;YAChCzD,OACE;gBACE0D,QAAQxE,OAAOmC,sBAAsB,GAAG,QAAQ;gBAChDsC,iBAAiBzE,OAAOkC,aAAa,GAAG,KAAKD;gBAC7CyC,aAAa1E,OAAOiC,KAAK,GAAGjC,OAAOiC,KAAK,GAAG5E,kBAAAA,CAAOuG,mBAAmB;gBACrEe,SAAS3E,OAAOkC,aAAa,GAEzB,CAAC,gEAAgE,EAAED,MAAM,MAAM,EAAEA,MAAM,KAAK,CAAC,GAC7F;gBACJ,gCAAgC,CAAC,0BAA0B,EAAEA,MAAM,EAAE,EAAEA,MAAM,CAAC,CAAC;gBAC/E,gCAAgCA,UAAU5E,kBAAAA,CAAOyG,uBAAuB,GAAG,QAAQ;YACrF;;IAIR;IAEA,SAASd,UAAU7B,KAAa,EAAEc,KAAa;QAC7C,IAAI2C,cAAc3C;QAClB,sCAAsC;QACtC,IAAItE,mBAAmB;YACrB,6DAA6D;YAC7D,IAAII,eAAe,CAACoD,MAAM,EAAE;gBAC1ByD,cAAc3C;YAChB,OAEK;gBACH2C,cAAcvH,kBAAAA,CAAOyG,uBAAuB;YAC9C;QACF,OAEK;YACH,iCAAiC;YACjC,oCAAoC;YACpC,IAAIlG,iBAAiBuD,SAASvD,iBAAiB,IAAI;gBACjDgH,cAAc3C;YAChB,OAEK;gBACH2C,cAAcvH,kBAAAA,CAAOyG,uBAAuB;YAC9C;QACF;QACA,OAAOc;IACT;AACF,GACA;AACFrH,QAAQsH,WAAW,GAAG"}