npm - @fluentui/react-charts - Versions diffs - 9.0.6 → 9.0.7 - Mend

@fluentui/react-charts 9.0.6 → 9.0.7

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 (38) hide show

package/lib-commonjs/components/CommonComponents/CartesianChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps, HorizontalBarChartWithAxisDataPoint, HeatMapChartDataPoint } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport {\n createNumericXAxis,\n createStringXAxis,\n IAxisData,\n getDomainNRangeValues,\n createDateXAxis,\n createYAxis,\n createStringYAxis,\n IMargins,\n getMinMaxOfYAxis,\n XAxisTypes,\n YAxisType,\n createWrapOfXLabels,\n rotateXAxisLabels,\n calculateLongestLabelWidth,\n createYAxisLabels,\n ChartTypes,\n wrapContent,\n useRtl,\n} from '../../utilities/index';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/*\n Cartesian Chart component\n * {@docCategory CartesianChart}\n /\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n HTMLDivElement,\n ModifiedCartesianChartProps\n>((props, forwardedRef) => {\n const chartContainer = React.useRef<HTMLDivElement>();\n let legendContainer: HTMLDivElement;\n const minLegendContainerHeight: number = 40;\n const xAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElementSecondary = React.useRef<SVGSVGElement>();\n let margins: IMargins;\n const idForGraph: string = 'chart_';\n let _reqID: number;\n const _useRtl: boolean = useRtl();\n let _tickValues: (string \| number)[];\n const titleMargin: number = 8;\n const _isFirstRender = React.useRef<boolean>(true);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xScale: any;\n let isIntegralDataset: boolean = true;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(0);\n const [containerHeight, setContainerHeight] = React.useState<number>(0);\n const [isRemoveValCalculated, setIsRemoveValCalculated] = React.useState<boolean>(true);\n const [removalValueForTextTuncate, setRemovalValueForTextTuncate] = React.useState<number>(0);\n const [startFromX, setStartFromX] = React.useState<number>(0);\n const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps \| null>(null);\n\n const chartTypesToCheck = [ChartTypes.HorizontalBarChartWithAxis, ChartTypes.HeatMapChart];\n /\n In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n * So that, in RTL, left margins becomes right margins and viceversa.\n * As graph needs to be drawn perfecty, these values consider as default values.\n * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n /\n // eslint-disable-next-line prefer-const\n margins = {\n top: props.margins?.top ?? 20,\n bottom: props.margins?.bottom ?? 35,\n right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n };\n if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n margins.bottom! = props.margins?.bottom ?? 55;\n }\n if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n margins.left! = _useRtl\n ? props.margins?.right ?? props?.secondaryYAxistitle\n ? 80\n : 40\n : props.margins?.left ?? 60;\n margins.right! = _useRtl ? props.margins?.left ?? 60 : props.margins?.right ?? props?.secondaryYAxistitle ? 80 : 40;\n }\n\n const classes = useCartesianChartStyles(props);\n const focusAttributes = useFocusableGroup();\n const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n // ComponentdidMount and Componentwillunmount logic\n React.useEffect(() => {\n _fitParentContainer();\n if (props !== null) {\n setPrevProps(props);\n }\n if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {\n const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis!);\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n return () => {\n cancelAnimationFrame(_reqID);\n };\n }, [props]);\n\n // ComponentDidUpdate logic\n React.useEffect(() => {\n if (prevProps) {\n if (prevProps.height !== props.height \|\| prevProps.width !== props.width) {\n _fitParentContainer();\n }\n }\n if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {\n const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis!);\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n if (prevProps !== null && prevProps.points !== props.points) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n }\n }, [props, prevProps]);\n\n React.useEffect(() => {\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const rotateLabelProps = {\n node: xAxisElement.current!,\n xAxis: _xScale,\n };\n const rotatedHeight = rotateXAxisLabels(rotateLabelProps);\n\n if (\n isRemoveValCalculated &&\n removalValueForTextTuncate !== rotatedHeight! + margins.bottom! &&\n rotatedHeight! > 0\n ) {\n setRemovalValueForTextTuncate(rotatedHeight! + margins.bottom!);\n setIsRemoveValCalculated(false);\n }\n }\n });\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: chartContainer.current ?? null,\n }),\n [],\n );\n\n /\n Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n * only the calloutprops and charthover props changes.\n * @param calloutProps\n * @param chartHoverProps\n * @returns\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _generateCallout(calloutProps: any): JSX.Element {\n return <ChartPopover {...calloutProps} />;\n }\n\n function calculateMaxYAxisLabelLength(\n chartType: ChartTypes,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n points: any[],\n className: string,\n ): number {\n if (chartType === ChartTypes.HeatMapChart) {\n return calculateLongestLabelWidth(\n points[0]?.data?.map((point: HeatMapChartDataPoint) => point.y),\n `.${className} text`,\n );\n } else {\n return calculateLongestLabelWidth(\n points?.map((point: HorizontalBarChartWithAxisDataPoint) => point.y),\n `.${className} text`,\n );\n }\n }\n\n const {\n calloutProps,\n points,\n chartType,\n svgProps,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n } = props;\n if (props.parentRef) {\n _fitParentContainer();\n }\n const margin = { ...margins };\n if (chartTypesToCheck.includes(props.chartType)) {\n if (!_useRtl) {\n margin.left! += startFromX;\n } else {\n margin.right! += startFromX;\n }\n }\n // Callback for margins to the chart\n props.getmargins && props.getmargins(margin);\n\n let callout: JSX.Element \| null = null;\n\n let children = null;\n if ((props.enableFirstRenderOptimization && chartContainer.current) \|\| !props.enableFirstRenderOptimization) {\n _isFirstRender.current = false;\n const XAxisParams = {\n domainNRangeValues: getDomainNRangeValues(\n points,\n props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n containerWidth,\n chartType,\n _useRtl,\n props.xAxisType,\n props.barwidth!,\n props.tickValues!,\n // This is only used for Horizontal Bar Chart with Axis for y as string axis\n startFromX,\n ),\n containerHeight: containerHeight - removalValueForTextTuncate!,\n margins: margins,\n xAxisElement: xAxisElement.current!,\n showRoundOffXTickValues: true,\n xAxisCount: props.xAxisTickCount,\n xAxistickSize: props.xAxistickSize,\n tickPadding: props.tickPadding \|\| props.showXAxisLablesTooltip ? 5 : 10,\n xAxisPadding: props.xAxisPadding,\n xAxisInnerPadding: props.xAxisInnerPadding,\n xAxisOuterPadding: props.xAxisOuterPadding,\n containerWidth: containerWidth,\n hideTickOverlap:\n props.hideTickOverlap && !props.rotateXAxisLables && !props.showXAxisLablesTooltip && !props.wrapXAxisLables,\n };\n\n const YAxisParams = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElement.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.yMinValue \|\| 0,\n yMaxValue: props.yMaxValue \|\| 0,\n tickPadding: 10,\n maxOfYVal: props.maxOfYVal,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType, props.yAxisType),\n // please note these padding default values must be consistent in here\n // and the parent chart(HBWA/Vertical etc..) for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n yAxisPadding: props.yAxisPadding \|\| 0,\n };\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let xScale: any;\n let tickValues: (string \| number)[];\n switch (props.xAxisType!) {\n case XAxisTypes.NumericAxis:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n break;\n case XAxisTypes.DateAxis:\n ({ xScale, tickValues } = createDateXAxis(\n XAxisParams,\n props.tickParams!,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n props.useUTC,\n ));\n break;\n case XAxisTypes.StringAxis:\n ({ xScale, tickValues } = createStringXAxis(\n XAxisParams,\n props.tickParams!,\n props.datasetForXAxisDomain!,\n culture,\n ));\n break;\n default:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n }\n _xScale = xScale;\n _tickValues = tickValues;\n\n /\n * To enable wrapping of x axis tick values or to display complete x axis tick values,\n * we need to calculate how much space it needed to render the text.\n * No need to re-calculate every time the chart renders and same time need to get an update. So using set\n * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n * /\n if (props.wrapXAxisLables \|\| props.showXAxisLablesTooltip) {\n const wrapLabelProps = {\n node: xAxisElement.current!,\n xAxis: xScale,\n showXAxisLablesTooltip: props.showXAxisLablesTooltip \|\| false,\n noOfCharsToTruncate: props.noOfCharsToTruncate \|\| 4,\n };\n const temp = xScale && (createWrapOfXLabels(wrapLabelProps) as number);\n // this value need to be updated for draw graph updated. So instead of using private value, using set\n if (isRemoveValCalculated && removalValueForTextTuncate !== temp) {\n setRemovalValueForTextTuncate(temp);\n setIsRemoveValCalculated(false);\n }\n }\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScale: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScaleSecondary: any;\n const axisData: IAxisData = { yAxisDomainValues: [] };\n if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n yScale = createStringYAxis(\n YAxisParams,\n props.stringDatasetForYAxisDomain!,\n _useRtl,\n props.chartType,\n props.barwidth,\n culture,\n );\n } else {\n if (props?.secondaryYScaleOptions) {\n const YAxisParamsSecondary = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElementSecondary.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.secondaryYScaleOptions?.yMinValue \|\| 0,\n yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n tickPadding: 10,\n maxOfYVal: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType),\n yAxisPadding: props.yAxisPadding,\n };\n\n yScaleSecondary = createYAxis(\n YAxisParamsSecondary,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n true,\n props.roundedTicks!,\n );\n }\n yScale = createYAxis(\n YAxisParams,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n false,\n props.roundedTicks!,\n );\n }\n\n /\n * To create y axis tick values by if specified\n truncating the rest of the text and showing elipsis\n or showing the whole string,\n * /\n chartTypesToCheck.includes(props.chartType) &&\n yScale &&\n createYAxisLabels(\n yAxisElement.current!,\n yScale,\n props.noOfCharsToTruncate \|\| 4,\n props.showYAxisLablesTooltip \|\| false,\n startFromX,\n _useRtl,\n );\n\n // Call back to the chart.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const _getData = (xScale: any, yScale: any) => {\n props.getGraphData &&\n props.getGraphData(\n xScale,\n yScale,\n containerHeight - removalValueForTextTuncate!,\n containerWidth,\n xAxisElement.current,\n yAxisElement.current,\n );\n };\n\n props.getAxisData && props.getAxisData(axisData);\n // Callback function for chart, returns axis\n _getData(xScale, yScale);\n\n children = props.children({\n xScale,\n yScale,\n yScaleSecondary,\n containerHeight,\n containerWidth,\n });\n\n if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n callout = _generateCallout(calloutProps);\n }\n }\n const svgDimensions = {\n width: containerWidth,\n height: containerHeight,\n };\n\n const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left! - margins.right! - startFromX!;\n const yAxisTitleMaximumAllowedHeight =\n svgDimensions.height - margins.bottom! - margins.top! - removalValueForTextTuncate! - titleMargin;\n /\n When screen resizes, along with screen, chart also auto adjusted.\n * This method used to adjust height and width of the charts.\n /\n function _fitParentContainer(): void {\n //_reqID = requestAnimationFrame(() => {\n let legendContainerHeight;\n if (props.hideLegend) {\n // If there is no legend, need not to allocate some space from total chart space.\n legendContainerHeight = 0;\n } else {\n const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n legendContainerHeight =\n ((legendContainer && legendContainer.getBoundingClientRect().height) \|\| minLegendContainerHeight) +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) \|\| '0') +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) \|\| '0');\n }\n if (props.parentRef \|\| chartContainer.current) {\n const container = props.parentRef ? props.parentRef : chartContainer.current!;\n const currentContainerWidth =\n props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n : container.getBoundingClientRect().width;\n const currentContainerHeight =\n container.getBoundingClientRect().height > legendContainerHeight\n ? container.getBoundingClientRect().height\n : 350;\n const shouldResize =\n containerWidth !== currentContainerWidth \|\| containerHeight !== currentContainerHeight - legendContainerHeight;\n if (shouldResize) {\n setContainerWidth(currentContainerWidth);\n setContainerHeight(currentContainerHeight - legendContainerHeight);\n }\n }\n //});\n }\n\n function _onChartLeave(): void {\n props.onChartMouseLeave && props.onChartMouseLeave();\n }\n\n function _calculateChartMinWidth(): number {\n let labelWidth = 10; // Total padding on the left and right sides of the label\n\n // Case: rotated labels\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth Math.cos(Math.PI / 4));\n }\n // Case: truncated labels\n else if (props.showXAxisLablesTooltip) {\n const tickValues = _tickValues.map(val => {\n const numChars = props.noOfCharsToTruncate \|\| 4;\n return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n // Case: wrapped labels\n else if (props.wrapXAxisLables) {\n const words: string[] = [];\n _tickValues.forEach((val: string) => {\n words.push(...val.toString().split(/\\s+/));\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n labelWidth += Math.max(Math.ceil(longestLabelWidth), 10);\n }\n // Default case\n else {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n\n let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n if (\n [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n props.chartType,\n )\n ) {\n const minDomainMargin = 8;\n minChartWidth += minDomainMargin * 2;\n }\n\n return minChartWidth;\n }\n\n /*\n We have use the {@link defaultTabbableElement } to fix\n * the Focus not landing on chart while tabbing, instead goes to legend.\n * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n * But now after the above PR : they are attaching the\n * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n * which creates bars of height 0 so instead we do not create any bars and instead return empty fragments.\n \n We have tried 2 Approaches to fix the issue:\n * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n * after the second render cycle which triggers an update of the tab index in FocusZone.\n * But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n * 2. Using the default tabbable element to fix the issue.\n /\n\n return (\n <div\n id={idForGraph}\n className={classes.root}\n role={'presentation'}\n ref={(rootElem: HTMLDivElement) => (chartContainer.current = rootElem)}\n onMouseLeave={_onChartLeave}\n >\n <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n {_isFirstRender.current}\n <svg\n width={svgDimensions.width}\n height={svgDimensions.height}\n aria-label={props.chartTitle}\n style={{ display: 'block' }}\n {...svgProps}\n >\n <g\n ref={(e: SVGSVGElement \| null) => {\n xAxisElement.current = e!;\n }}\n id={`xAxisGElement${idForGraph}`}\n // To add wrap of x axis lables feature, need to remove word height from svg height.\n transform={`translate(0, ${svgDimensions.height - margins.bottom! - removalValueForTextTuncate!})`}\n className={classes.xAxis}\n />\n {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n <SVGTooltipText\n content={props.xAxisTitle}\n textProps={{\n x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n y: svgDimensions.height - titleMargin,\n className: classes.axisTitle!,\n textAnchor: 'middle',\n }}\n maxWidth={xAxisTitleMaximumAllowedWidth}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElement.current = e!;\n }}\n id={`yAxisGElement${idForGraph}`}\n transform={`translate(${\n _useRtl ? svgDimensions.width - margins.right! - startFromX : margins.left! + startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYScaleOptions && (\n <g>\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElementSecondary.current = e!;\n }}\n id={`yAxisGElementSecondary${idForGraph}`}\n transform={`translate(${\n _useRtl ? margins.left! + startFromX : svgDimensions.width - margins.right! - startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n <SVGTooltipText\n content={props.secondaryYAxistitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n textAnchor: 'middle',\n transform: `translate(${\n _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n },\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n </g>\n )}\n {children}\n {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n <SVGTooltipText\n content={props.yAxisTitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl\n ? svgDimensions.width - margins.right! / 2 + titleMargin\n : margins.left! / 2 + startFromX - titleMargin,\n textAnchor: 'middle',\n transform: `translate(0,\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n </svg>\n </div>\n\n {!props.hideLegend && (\n <div ref={(e: HTMLDivElement) => (legendContainer = e)} className={classes.legendContainer}>\n {props.legendBars}\n </div>\n )}\n {/* The callout is used for narration, so keep it mounted on the DOM */}\n {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n </div>\n );\n});\nCartesianChart.displayName = 'CartesianChart';\nCartesianChart.defaultProps = {\n hideTickOverlap: true,\n};\n"],"names":["CartesianChart","React","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","isRemoveValCalculated","setIsRemoveValCalculated","removalValueForTextTuncate","setRemovalValueForTextTuncate","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesToCheck","ChartTypes","HorizontalBarChartWithAxis","HeatMapChart","top","bottom","right","left","secondaryYScaleOptions","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","classes","useCartesianChartStyles","focusAttributes","useFocusableGroup","arrowAttributes","useArrowNavigationGroup","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","points","yAxis","some","point","y","cancelAnimationFrame","height","width","wrapXAxisLables","rotateXAxisLables","xAxisType","XAxisTypes","StringAxis","rotateLabelProps","node","current","xAxis","rotatedHeight","rotateXAxisLabels","useImperativeHandle","componentRef","_generateCallout","calloutProps","createElement","ChartPopover","className","calculateLongestLabelWidth","data","map","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","YAxisParams","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisType","yAxisPadding","xScale","NumericAxis","createNumericXAxis","tickParams","DateAxis","createDateXAxis","useUTC","createStringXAxis","datasetForXAxisDomain","wrapLabelProps","noOfCharsToTruncate","temp","createWrapOfXLabels","yScale","yScaleSecondary","axisData","yAxisDomainValues","YAxisType","createStringYAxis","stringDatasetForYAxisDomain","YAxisParamsSecondary","createYAxis","roundedTicks","createYAxisLabels","showYAxisLablesTooltip","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","longestLabelWidth","ceil","cos","PI","val","numChars","toString","length","slice","words","forEach","push","split","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","minDomainMargin","div","id","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","g","e","transform","SVGTooltipText","content","textProps","x","axisTitle","textAnchor","maxWidth","wrapContent","showBackground","legendBars","Suspense","fallback","displayName","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["CartesianChart.tsx"],"sourcesContent":["import * as React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport { ModifiedCartesianChartProps, HorizontalBarChartWithAxisDataPoint, HeatMapChartDataPoint } from '../../index';\nimport { useCartesianChartStyles } from './useCartesianChartStyles.styles';\nimport {\n createNumericXAxis,\n createStringXAxis,\n IAxisData,\n getDomainNRangeValues,\n createDateXAxis,\n createYAxis,\n createStringYAxis,\n IMargins,\n getMinMaxOfYAxis,\n XAxisTypes,\n YAxisType,\n createWrapOfXLabels,\n rotateXAxisLabels,\n calculateLongestLabelWidth,\n createYAxisLabels,\n ChartTypes,\n wrapContent,\n useRtl,\n} from '../../utilities/index';\nimport { SVGTooltipText } from '../../utilities/SVGTooltipText';\nimport { ChartPopover } from './ChartPopover';\nimport { useFocusableGroup, useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/*\n Cartesian Chart component\n * {@docCategory CartesianChart}\n /\nexport const CartesianChart: React.FunctionComponent<ModifiedCartesianChartProps> = React.forwardRef<\n HTMLDivElement,\n ModifiedCartesianChartProps\n>((props, forwardedRef) => {\n const chartContainer = React.useRef<HTMLDivElement>();\n let legendContainer: HTMLDivElement;\n const minLegendContainerHeight: number = 40;\n const xAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElement = React.useRef<SVGSVGElement>();\n const yAxisElementSecondary = React.useRef<SVGSVGElement>();\n let margins: IMargins;\n const idForGraph: string = 'chart_';\n let _reqID: number;\n const _useRtl: boolean = useRtl();\n let _tickValues: (string \| number)[];\n const titleMargin: number = 8;\n const _isFirstRender = React.useRef<boolean>(true);\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let _xScale: any;\n let isIntegralDataset: boolean = true;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(0);\n const [containerHeight, setContainerHeight] = React.useState<number>(0);\n const [isRemoveValCalculated, setIsRemoveValCalculated] = React.useState<boolean>(true);\n const [removalValueForTextTuncate, setRemovalValueForTextTuncate] = React.useState<number>(0);\n const [startFromX, setStartFromX] = React.useState<number>(0);\n const [prevProps, setPrevProps] = React.useState<ModifiedCartesianChartProps \| null>(null);\n\n const chartTypesToCheck = [ChartTypes.HorizontalBarChartWithAxis, ChartTypes.HeatMapChart];\n /\n In RTL mode, Only graph will be rendered left/right. We need to provide left and right margins manually.\n * So that, in RTL, left margins becomes right margins and viceversa.\n * As graph needs to be drawn perfecty, these values consider as default values.\n * Same margins using for all other cartesian charts. Can be accessible through 'getMargins' call back method.\n /\n // eslint-disable-next-line prefer-const\n margins = {\n top: props.margins?.top ?? 20,\n bottom: props.margins?.bottom ?? 35,\n right: _useRtl ? props.margins?.left ?? 40 : props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20,\n left: _useRtl ? (props.margins?.right ?? props?.secondaryYScaleOptions ? 40 : 20) : props.margins?.left ?? 40,\n };\n if (props.xAxisTitle !== undefined && props.xAxisTitle !== '') {\n margins.bottom! = props.margins?.bottom ?? 55;\n }\n if (props.yAxisTitle !== undefined && props.yAxisTitle !== '') {\n margins.left! = _useRtl\n ? props.margins?.right ?? props?.secondaryYAxistitle\n ? 80\n : 40\n : props.margins?.left ?? 60;\n margins.right! = _useRtl ? props.margins?.left ?? 60 : props.margins?.right ?? props?.secondaryYAxistitle ? 80 : 40;\n }\n\n const classes = useCartesianChartStyles(props);\n const focusAttributes = useFocusableGroup();\n const arrowAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n // ComponentdidMount and Componentwillunmount logic\n React.useEffect(() => {\n _fitParentContainer();\n if (props !== null) {\n setPrevProps(props);\n }\n if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {\n const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis!);\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n return () => {\n cancelAnimationFrame(_reqID);\n };\n }, [props]);\n\n // ComponentDidUpdate logic\n React.useEffect(() => {\n if (prevProps) {\n if (prevProps.height !== props.height \|\| prevProps.width !== props.width) {\n _fitParentContainer();\n }\n }\n if (chartTypesToCheck.includes(props.chartType) && props.showYAxisLables && yAxisElement) {\n const maxYAxisLabelLength = calculateMaxYAxisLabelLength(props.chartType, props.points, classes.yAxis!);\n if (startFromX !== maxYAxisLabelLength) {\n setStartFromX(maxYAxisLabelLength);\n }\n } else if (startFromX !== 0) {\n setStartFromX(0);\n }\n if (prevProps !== null && prevProps.points !== props.points) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n isIntegralDataset = !props.points.some((point: { y: number }) => point.y % 1 !== 0);\n }\n }, [props, prevProps]);\n\n React.useEffect(() => {\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const rotateLabelProps = {\n node: xAxisElement.current!,\n xAxis: _xScale,\n };\n const rotatedHeight = rotateXAxisLabels(rotateLabelProps);\n\n if (\n isRemoveValCalculated &&\n removalValueForTextTuncate !== rotatedHeight! + margins.bottom! &&\n rotatedHeight! > 0\n ) {\n setRemovalValueForTextTuncate(rotatedHeight! + margins.bottom!);\n setIsRemoveValCalculated(false);\n }\n }\n });\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n chartContainer: chartContainer.current ?? null,\n }),\n [],\n );\n\n /\n Dedicated function to return the Callout JSX Element , which can further be used to only call this when\n * only the calloutprops and charthover props changes.\n * @param calloutProps\n * @param chartHoverProps\n * @returns\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n function _generateCallout(calloutProps: any): JSX.Element {\n return <ChartPopover {...calloutProps} />;\n }\n\n function calculateMaxYAxisLabelLength(\n chartType: ChartTypes,\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n points: any[],\n className: string,\n ): number {\n if (chartType === ChartTypes.HeatMapChart) {\n return calculateLongestLabelWidth(\n points[0]?.data?.map((point: HeatMapChartDataPoint) => point.y),\n `.${className} text`,\n );\n } else {\n return calculateLongestLabelWidth(\n points?.map((point: HorizontalBarChartWithAxisDataPoint) => point.y),\n `.${className} text`,\n );\n }\n }\n\n const {\n calloutProps,\n points,\n chartType,\n svgProps,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n } = props;\n if (props.parentRef) {\n _fitParentContainer();\n }\n const margin = { ...margins };\n if (chartTypesToCheck.includes(props.chartType)) {\n if (!_useRtl) {\n margin.left! += startFromX;\n } else {\n margin.right! += startFromX;\n }\n }\n // Callback for margins to the chart\n props.getmargins && props.getmargins(margin);\n\n let callout: JSX.Element \| null = null;\n\n let children = null;\n if ((props.enableFirstRenderOptimization && chartContainer.current) \|\| !props.enableFirstRenderOptimization) {\n _isFirstRender.current = false;\n const XAxisParams = {\n domainNRangeValues: getDomainNRangeValues(\n points,\n props.getDomainMargins ? props.getDomainMargins(containerWidth) : margins,\n containerWidth,\n chartType,\n _useRtl,\n props.xAxisType,\n props.barwidth!,\n props.tickValues!,\n // This is only used for Horizontal Bar Chart with Axis for y as string axis\n startFromX,\n ),\n containerHeight: containerHeight - removalValueForTextTuncate!,\n margins: margins,\n xAxisElement: xAxisElement.current!,\n showRoundOffXTickValues: true,\n xAxisCount: props.xAxisTickCount,\n xAxistickSize: props.xAxistickSize,\n tickPadding: props.tickPadding \|\| props.showXAxisLablesTooltip ? 5 : 10,\n xAxisPadding: props.xAxisPadding,\n xAxisInnerPadding: props.xAxisInnerPadding,\n xAxisOuterPadding: props.xAxisOuterPadding,\n containerWidth: containerWidth,\n hideTickOverlap:\n props.hideTickOverlap && !props.rotateXAxisLables && !props.showXAxisLablesTooltip && !props.wrapXAxisLables,\n };\n\n const YAxisParams = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElement.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.yMinValue \|\| 0,\n yMaxValue: props.yMaxValue \|\| 0,\n tickPadding: 10,\n maxOfYVal: props.maxOfYVal,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType, props.yAxisType),\n // please note these padding default values must be consistent in here\n // and the parent chart(HBWA/Vertical etc..) for more details refer example\n // http://using-d3js.com/04_07_ordinal_scales.html\n yAxisPadding: props.yAxisPadding \|\| 0,\n };\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let xScale: any;\n let tickValues: (string \| number)[];\n switch (props.xAxisType!) {\n case XAxisTypes.NumericAxis:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n break;\n case XAxisTypes.DateAxis:\n ({ xScale, tickValues } = createDateXAxis(\n XAxisParams,\n props.tickParams!,\n culture,\n dateLocalizeOptions,\n timeFormatLocale,\n customDateTimeFormatter,\n props.useUTC,\n ));\n break;\n case XAxisTypes.StringAxis:\n ({ xScale, tickValues } = createStringXAxis(\n XAxisParams,\n props.tickParams!,\n props.datasetForXAxisDomain!,\n culture,\n ));\n break;\n default:\n ({ xScale, tickValues } = createNumericXAxis(XAxisParams, props.tickParams!, props.chartType, culture));\n }\n _xScale = xScale;\n _tickValues = tickValues;\n\n /\n * To enable wrapping of x axis tick values or to display complete x axis tick values,\n * we need to calculate how much space it needed to render the text.\n * No need to re-calculate every time the chart renders and same time need to get an update. So using set\n * Required space will be calculated first time chart rendering and if any width/height of chart updated.\n * /\n if (props.wrapXAxisLables \|\| props.showXAxisLablesTooltip) {\n const wrapLabelProps = {\n node: xAxisElement.current!,\n xAxis: xScale,\n showXAxisLablesTooltip: props.showXAxisLablesTooltip \|\| false,\n noOfCharsToTruncate: props.noOfCharsToTruncate \|\| 4,\n };\n const temp = xScale && (createWrapOfXLabels(wrapLabelProps) as number);\n // this value need to be updated for draw graph updated. So instead of using private value, using set\n if (isRemoveValCalculated && removalValueForTextTuncate !== temp) {\n setRemovalValueForTextTuncate(temp);\n setIsRemoveValCalculated(false);\n }\n }\n /\n These scales used for 2 purposes.\n * 1. To create x and y axis\n * 2. To draw the graph.\n * For area/line chart using same scales. For other charts, creating their own scales to draw the graph.\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScale: any;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n let yScaleSecondary: any;\n const axisData: IAxisData = { yAxisDomainValues: [] };\n if (props.yAxisType && props.yAxisType === YAxisType.StringAxis) {\n yScale = createStringYAxis(\n YAxisParams,\n props.stringDatasetForYAxisDomain!,\n _useRtl,\n props.chartType,\n props.barwidth,\n culture,\n );\n } else {\n if (props?.secondaryYScaleOptions) {\n const YAxisParamsSecondary = {\n margins: margins,\n containerWidth: containerWidth,\n containerHeight: containerHeight - removalValueForTextTuncate!,\n yAxisElement: yAxisElementSecondary.current,\n yAxisTickFormat: props.yAxisTickFormat!,\n yAxisTickCount: props.yAxisTickCount!,\n yMinValue: props.secondaryYScaleOptions?.yMinValue \|\| 0,\n yMaxValue: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n tickPadding: 10,\n maxOfYVal: props.secondaryYScaleOptions?.yMaxValue ?? 100,\n yMinMaxValues: getMinMaxOfYAxis(points, chartType),\n yAxisPadding: props.yAxisPadding,\n };\n\n yScaleSecondary = createYAxis(\n YAxisParamsSecondary,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n true,\n props.roundedTicks!,\n );\n }\n yScale = createYAxis(\n YAxisParams,\n _useRtl,\n axisData,\n chartType,\n props.barwidth!,\n isIntegralDataset,\n false,\n props.roundedTicks!,\n );\n }\n\n /\n * To create y axis tick values by if specified\n truncating the rest of the text and showing elipsis\n or showing the whole string,\n * /\n chartTypesToCheck.includes(props.chartType) &&\n yScale &&\n createYAxisLabels(\n yAxisElement.current!,\n yScale,\n props.noOfCharsToTruncate \|\| 4,\n props.showYAxisLablesTooltip \|\| false,\n startFromX,\n _useRtl,\n );\n\n // Call back to the chart.\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const _getData = (xScale: any, yScale: any) => {\n props.getGraphData &&\n props.getGraphData(\n xScale,\n yScale,\n containerHeight - removalValueForTextTuncate!,\n containerWidth,\n xAxisElement.current,\n yAxisElement.current,\n );\n };\n\n props.getAxisData && props.getAxisData(axisData);\n // Callback function for chart, returns axis\n _getData(xScale, yScale);\n\n children = props.children({\n xScale,\n yScale,\n yScaleSecondary,\n containerHeight,\n containerWidth,\n });\n\n if (!props.hideTooltip && calloutProps!.isPopoverOpen) {\n callout = _generateCallout(calloutProps);\n }\n }\n const svgDimensions = {\n width: containerWidth,\n height: containerHeight,\n };\n\n const xAxisTitleMaximumAllowedWidth = svgDimensions.width - margins.left! - margins.right! - startFromX!;\n const yAxisTitleMaximumAllowedHeight =\n svgDimensions.height - margins.bottom! - margins.top! - removalValueForTextTuncate! - titleMargin;\n /\n When screen resizes, along with screen, chart also auto adjusted.\n * This method used to adjust height and width of the charts.\n /\n function _fitParentContainer(): void {\n //_reqID = requestAnimationFrame(() => {\n let legendContainerHeight;\n if (props.hideLegend) {\n // If there is no legend, need not to allocate some space from total chart space.\n legendContainerHeight = 0;\n } else {\n const legendContainerComputedStyles = legendContainer && getComputedStyle(legendContainer);\n legendContainerHeight =\n ((legendContainer && legendContainer.getBoundingClientRect().height) \|\| minLegendContainerHeight) +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginTop) \|\| '0') +\n parseFloat((legendContainerComputedStyles && legendContainerComputedStyles.marginBottom) \|\| '0');\n }\n if (props.parentRef \|\| chartContainer.current) {\n const container = props.parentRef ? props.parentRef : chartContainer.current!;\n const currentContainerWidth =\n props.reflowProps?.mode === 'min-width' && !_isFirstRender.current\n ? Math.max(container.getBoundingClientRect().width, _calculateChartMinWidth())\n : container.getBoundingClientRect().width;\n const currentContainerHeight =\n container.getBoundingClientRect().height > legendContainerHeight\n ? container.getBoundingClientRect().height\n : 350;\n const shouldResize =\n containerWidth !== currentContainerWidth \|\| containerHeight !== currentContainerHeight - legendContainerHeight;\n if (shouldResize) {\n setContainerWidth(currentContainerWidth);\n setContainerHeight(currentContainerHeight - legendContainerHeight);\n }\n }\n //});\n }\n\n function _onChartLeave(): void {\n props.onChartMouseLeave && props.onChartMouseLeave();\n }\n\n function _calculateChartMinWidth(): number {\n let labelWidth = 10; // Total padding on the left and right sides of the label\n\n // Case: rotated labels\n if (!props.wrapXAxisLables && props.rotateXAxisLables && props.xAxisType! === XAxisTypes.StringAxis) {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth Math.cos(Math.PI / 4));\n }\n // Case: truncated labels\n else if (props.showXAxisLablesTooltip) {\n const tickValues = _tickValues.map(val => {\n const numChars = props.noOfCharsToTruncate \|\| 4;\n return val.toString().length > numChars ? `${val.toString().slice(0, numChars)}...` : val;\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n // Case: wrapped labels\n else if (props.wrapXAxisLables) {\n const words: string[] = [];\n _tickValues.forEach((val: string) => {\n words.push(...val.toString().split(/\\s+/));\n });\n\n const longestLabelWidth = calculateLongestLabelWidth(words, `.${classes.xAxis} text`);\n labelWidth += Math.max(Math.ceil(longestLabelWidth), 10);\n }\n // Default case\n else {\n const longestLabelWidth = calculateLongestLabelWidth(_tickValues, `.${classes.xAxis} text`);\n labelWidth += Math.ceil(longestLabelWidth);\n }\n\n let minChartWidth = margins.left! + margins.right! + labelWidth * (_tickValues.length - 1);\n\n if (\n [ChartTypes.GroupedVerticalBarChart, ChartTypes.VerticalBarChart, ChartTypes.VerticalStackedBarChart].includes(\n props.chartType,\n )\n ) {\n const minDomainMargin = 8;\n minChartWidth += minDomainMargin * 2;\n }\n\n return minChartWidth;\n }\n\n /*\n We have use the {@link defaultTabbableElement } to fix\n * the Focus not landing on chart while tabbing, instead goes to legend.\n * This issue is observed in Area, line chart after performance optimization done in the PR {@link https://github.com/microsoft/fluentui/pull/27721 }\n * This issue is observed in Bar charts after the changes done by FocusZone team in the PR: {@link https://github.com/microsoft/fluentui/pull/24175 }\n * The issue in Bar Charts(VB and VSB) is due to a {@link FocusZone } update where previously an event listener was\n * attached on keydown to the window, so that whenever the tab key is pressed all outer FocusZone's\n * tab-indexes are updated (an outer FocusZone is a FocusZone that is not within another one).\n * But now after the above PR : they are attaching the\n * listeners to the FocusZone elements instead of the window. So in the first render cycle in Bar charts\n * bars are not created as in the first render cycle the size of the chart container is not known( or is 0)\n * which creates bars of height 0 so instead we do not create any bars and instead return empty fragments.\n \n We have tried 2 Approaches to fix the issue:\n * 1. Using the {@link elementRef} property of FocusZone where we dispatch event for tab keydown\n * after the second render cycle which triggers an update of the tab index in FocusZone.\n * But this is a hacky solution and not a proper fix and also elementRef is deprecated.\n * 2. Using the default tabbable element to fix the issue.\n /\n\n return (\n <div\n id={idForGraph}\n className={classes.root}\n role={'presentation'}\n ref={(rootElem: HTMLDivElement) => (chartContainer.current = rootElem)}\n onMouseLeave={_onChartLeave}\n >\n <div className={classes.chartWrapper} {...focusAttributes} {...arrowAttributes}>\n {_isFirstRender.current}\n <svg\n width={svgDimensions.width}\n height={svgDimensions.height}\n aria-label={props.chartTitle}\n style={{ display: 'block' }}\n {...svgProps}\n >\n <g\n ref={(e: SVGSVGElement \| null) => {\n xAxisElement.current = e!;\n }}\n id={`xAxisGElement${idForGraph}`}\n // To add wrap of x axis lables feature, need to remove word height from svg height.\n transform={`translate(0, ${svgDimensions.height - margins.bottom! - removalValueForTextTuncate!})`}\n className={classes.xAxis}\n />\n {props.xAxisTitle !== undefined && props.xAxisTitle !== '' && (\n <SVGTooltipText\n content={props.xAxisTitle}\n textProps={{\n x: margins.left! + startFromX + xAxisTitleMaximumAllowedWidth / 2,\n y: svgDimensions.height - titleMargin,\n className: classes.axisTitle!,\n textAnchor: 'middle',\n }}\n maxWidth={xAxisTitleMaximumAllowedWidth}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElement.current = e!;\n }}\n id={`yAxisGElement${idForGraph}`}\n transform={`translate(${\n _useRtl ? svgDimensions.width - margins.right! - startFromX : margins.left! + startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYScaleOptions && (\n <g>\n <g\n ref={(e: SVGSVGElement \| null) => {\n yAxisElementSecondary.current = e!;\n }}\n id={`yAxisGElementSecondary${idForGraph}`}\n transform={`translate(${\n _useRtl ? margins.left! + startFromX : svgDimensions.width - margins.right! - startFromX\n }, 0)`}\n className={classes.yAxis}\n />\n {props.secondaryYAxistitle !== undefined && props.secondaryYAxistitle !== '' && (\n <SVGTooltipText\n content={props.secondaryYAxistitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl ? startFromX - titleMargin : svgDimensions.width - margins.right!,\n textAnchor: 'middle',\n transform: `translate(${\n _useRtl ? margins.right! / 2 - titleMargin : margins.right! / 2 + titleMargin\n },\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n </g>\n )}\n {children}\n {props.yAxisTitle !== undefined && props.yAxisTitle !== '' && (\n <SVGTooltipText\n content={props.yAxisTitle}\n textProps={{\n x: (yAxisTitleMaximumAllowedHeight - margins.bottom!) / 2 + removalValueForTextTuncate!,\n y: _useRtl ? svgDimensions.width - margins.right! / 2 + titleMargin : margins.left! / 2 - titleMargin,\n textAnchor: 'middle',\n transform: `translate(0,\n ${svgDimensions.height - margins.bottom! - margins.top! - titleMargin})rotate(-90)`,\n className: classes.axisTitle!,\n }}\n maxWidth={yAxisTitleMaximumAllowedHeight}\n wrapContent={wrapContent}\n showBackground={true}\n />\n )}\n </svg>\n </div>\n\n {!props.hideLegend && (\n <div ref={(e: HTMLDivElement) => (legendContainer = e)} className={classes.legendContainer}>\n {props.legendBars}\n </div>\n )}\n {/* The callout is used for narration, so keep it mounted on the DOM */}\n {callout && <React.Suspense fallback={<div>Loading...</div>}>{callout}</React.Suspense>}\n </div>\n );\n});\nCartesianChart.displayName = 'CartesianChart';\nCartesianChart.defaultProps = {\n hideTickOverlap: true,\n};\n"],"names":["CartesianChart","React","forwardRef","props","forwardedRef","chartContainer","useRef","legendContainer","minLegendContainerHeight","xAxisElement","yAxisElement","yAxisElementSecondary","margins","idForGraph","_reqID","_useRtl","useRtl","_tickValues","titleMargin","_isFirstRender","_xScale","isIntegralDataset","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","isRemoveValCalculated","setIsRemoveValCalculated","removalValueForTextTuncate","setRemovalValueForTextTuncate","startFromX","setStartFromX","prevProps","setPrevProps","chartTypesToCheck","ChartTypes","HorizontalBarChartWithAxis","HeatMapChart","top","bottom","right","left","secondaryYScaleOptions","xAxisTitle","undefined","yAxisTitle","secondaryYAxistitle","classes","useCartesianChartStyles","focusAttributes","useFocusableGroup","arrowAttributes","useArrowNavigationGroup","axis","useEffect","_fitParentContainer","includes","chartType","showYAxisLables","maxYAxisLabelLength","calculateMaxYAxisLabelLength","points","yAxis","some","point","y","cancelAnimationFrame","height","width","wrapXAxisLables","rotateXAxisLables","xAxisType","XAxisTypes","StringAxis","rotateLabelProps","node","current","xAxis","rotatedHeight","rotateXAxisLabels","useImperativeHandle","componentRef","_generateCallout","calloutProps","createElement","ChartPopover","className","calculateLongestLabelWidth","data","map","svgProps","culture","dateLocalizeOptions","timeFormatLocale","customDateTimeFormatter","parentRef","margin","getmargins","callout","children","enableFirstRenderOptimization","XAxisParams","domainNRangeValues","getDomainNRangeValues","getDomainMargins","barwidth","tickValues","showRoundOffXTickValues","xAxisCount","xAxisTickCount","xAxistickSize","tickPadding","showXAxisLablesTooltip","xAxisPadding","xAxisInnerPadding","xAxisOuterPadding","hideTickOverlap","YAxisParams","yAxisTickFormat","yAxisTickCount","yMinValue","yMaxValue","maxOfYVal","yMinMaxValues","getMinMaxOfYAxis","yAxisType","yAxisPadding","xScale","NumericAxis","createNumericXAxis","tickParams","DateAxis","createDateXAxis","useUTC","createStringXAxis","datasetForXAxisDomain","wrapLabelProps","noOfCharsToTruncate","temp","createWrapOfXLabels","yScale","yScaleSecondary","axisData","yAxisDomainValues","YAxisType","createStringYAxis","stringDatasetForYAxisDomain","YAxisParamsSecondary","createYAxis","roundedTicks","createYAxisLabels","showYAxisLablesTooltip","_getData","getGraphData","getAxisData","hideTooltip","isPopoverOpen","svgDimensions","xAxisTitleMaximumAllowedWidth","yAxisTitleMaximumAllowedHeight","legendContainerHeight","hideLegend","legendContainerComputedStyles","getComputedStyle","getBoundingClientRect","parseFloat","marginTop","marginBottom","container","currentContainerWidth","reflowProps","mode","Math","max","_calculateChartMinWidth","currentContainerHeight","shouldResize","_onChartLeave","onChartMouseLeave","labelWidth","longestLabelWidth","ceil","cos","PI","val","numChars","toString","length","slice","words","forEach","push","split","minChartWidth","GroupedVerticalBarChart","VerticalBarChart","VerticalStackedBarChart","minDomainMargin","div","id","root","role","ref","rootElem","onMouseLeave","chartWrapper","svg","aria-label","chartTitle","style","display","g","e","transform","SVGTooltipText","content","textProps","x","axisTitle","textAnchor","maxWidth","wrapContent","showBackground","legendBars","Suspense","fallback","displayName","defaultProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

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

@@ -117,7 +117,7 @@ const DeclarativeChart = /*#__PURE__*/ _react.forwardRef((props, forwardedRef)=>
         const xValues = plotlyInputWithValidData.data[0].x;
         const isXDate = (0, _chartutilities.isDateArray)(xValues);
         const isXNumber = (0, _chartutilities.isNumberArray)(xValues);
-        const isXMonth = (0, _PlotlySchemaAdapter.isMonthArray)(xValues);
+        const isXMonth = (0, _chartutilities.isMonthArray)(xValues);
         // Consider year as categorical variable not numeric continuous variable
         // Also year is not considered a date variable as it is represented as a point
         // in time and brings additional complexity of handling timezone and locale

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["DeclarativeChart.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention /\nimport as React from 'react';\nimport type { Data, PlotData, PlotlySchema, OutputChartType } from '@fluentui/chart-utilities';\nimport {\n decodeBase64Fields,\n isArrayOrTypedArray,\n isDateArray,\n isNumberArray,\n isYearArray,\n mapFluentChart,\n sanitizeJson,\n} from '@fluentui/chart-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';\nimport { Theme, webLightTheme } from '@fluentui/tokens';\nimport * as d3Color from 'd3-color';\n\nimport {\n isMonthArray,\n correctYearMonth,\n transformPlotlyJsonToDonutProps,\n transformPlotlyJsonToVSBCProps,\n transformPlotlyJsonToScatterChartProps,\n transformPlotlyJsonToHorizontalBarWithAxisProps,\n transformPlotlyJsonToHeatmapProps,\n transformPlotlyJsonToSankeyProps,\n transformPlotlyJsonToGaugeProps,\n transformPlotlyJsonToGVBCProps,\n transformPlotlyJsonToVBCProps,\n} from './PlotlySchemaAdapter';\nimport { DonutChart } from '../DonutChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { LineChart, LineChartProps } from '../LineChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart, AreaChartProps } from '../AreaChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { SankeyChart } from '../SankeyChart/SankeyChart';\nimport { GaugeChart } from '../GaugeChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport { ImageExportOptions, toImage } from './imageExporter';\nimport { Chart } from '../../types/index';\nimport { ScatterChart } from '../ScatterChart/index';\n// TODO\n// import { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\n\n// const ResponsiveDonutChart = withResponsiveContainer(DonutChart);\n// const ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\n// const ResponsiveLineChart = withResponsiveContainer(LineChart);\n// const ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\n// const ResponsiveAreaChart = withResponsiveContainer(AreaChart);\n// const ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\n// const ResponsiveSankeyChart = withResponsiveContainer(SankeyChart);\n// const ResponsiveGaugeChart = withResponsiveContainer(GaugeChart);\n// const ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\n// const ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\n\n/*\n DeclarativeChart schema.\n * {@docCategory DeclarativeChart}\n /\nexport interface Schema {\n /\n Plotly schema represented as JSON object\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n plotlySchema: any;\n}\n\n/\n DeclarativeChart props.\n * {@docCategory DeclarativeChart}\n /\nexport interface DeclarativeChartProps extends React.RefAttributes<HTMLDivElement> {\n /\n The schema representing the chart data, layout and configuration\n /\n chartSchema: Schema;\n\n /\n Callback when an event occurs\n /\n onSchemaChange?: (eventData: Schema) => void;\n\n /\n Optional callback to access the IDeclarativeChart interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n /\n componentRef?: React.RefObject<IDeclarativeChart>;\n}\n\n/\n {@docCategory DeclarativeChart}\n /\nexport interface IDeclarativeChart {\n exportAsImage: (opts?: ImageExportOptions) => Promise<string>;\n}\n\nconst useColorMapping = () => {\n const colorMap = React.useRef(new Map<string, string>());\n return colorMap;\n};\n\nconst useIsDarkTheme = (): boolean => {\n const parentV9Theme = React.useContext(V9ThemeContext) as Theme;\n const v9Theme: Theme = parentV9Theme ? parentV9Theme : webLightTheme;\n\n // Get background and foreground colors\n const backgroundColor = d3Color.hsl(v9Theme.colorNeutralBackground1);\n const foregroundColor = d3Color.hsl(v9Theme.colorNeutralForeground1);\n\n const isDarkTheme = backgroundColor.l < foregroundColor.l;\n\n return isDarkTheme;\n};\n\n/\n DeclarativeChart component.\n * {@docCategory DeclarativeChart}\n */\nexport const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> = React.forwardRef<\n HTMLDivElement,\n DeclarativeChartProps\n>((props, forwardedRef) => {\n const { plotlySchema } = sanitizeJson(props.chartSchema);\n const chart: OutputChartType = mapFluentChart(plotlySchema);\n if (!chart.isValid) {\n throw new Error(`Invalid chart schema: ${chart.errorMessage}`);\n }\n let plotlyInput = plotlySchema as PlotlySchema;\n try {\n plotlyInput = decodeBase64Fields(plotlyInput);\n } catch (error) {\n throw new Error(`Failed to decode plotly schema: ${error}`);\n }\n const plotlyInputWithValidData: PlotlySchema = {\n ...plotlyInput,\n data: chart.validTracesInfo!.map(trace => plotlyInput.data[trace[0]]),\n };\n\n let { selectedLegends } = plotlySchema;\n const colorMap = useColorMapping();\n const isDarkTheme = useIsDarkTheme();\n const chartRef = React.useRef<Chart>(null);\n\n if (!isArrayOrTypedArray(selectedLegends)) {\n selectedLegends = [];\n }\n\n const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n const onActiveLegendsChange = (keys: string[]) => {\n setActiveLegends(keys);\n if (props.onSchemaChange) {\n props.onSchemaChange({ plotlySchema: { plotlyInput, selectedLegends: keys } });\n }\n };\n\n React.useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { plotlySchema } = sanitizeJson(props.chartSchema);\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { selectedLegends } = plotlySchema;\n setActiveLegends(selectedLegends ?? []);\n }, [props.chartSchema]);\n\n const multiSelectLegendProps = {\n canSelectMultipleLegends: true,\n onChange: onActiveLegendsChange,\n selectedLegends: activeLegends,\n };\n\n const commonProps = {\n legendProps: multiSelectLegendProps,\n componentRef: chartRef,\n };\n\n const renderLineAreaScatter = (plotlyData: Data[], isAreaChart: boolean): JSX.Element => {\n const isScatterMarkers = (plotlyData[0] as PlotData)?.mode === 'markers';\n const chartProps: LineChartProps \| AreaChartProps = {\n ...transformPlotlyJsonToScatterChartProps(\n { data: plotlyData, layout: plotlyInput.layout },\n isAreaChart,\n colorMap,\n isDarkTheme,\n ),\n ...commonProps,\n };\n if (isAreaChart) {\n return <AreaChart {...chartProps} />;\n }\n if (isScatterMarkers) {\n return <ScatterChart {...chartProps} />;\n }\n return <LineChart {...chartProps} />;\n };\n\n const checkAndRenderChart = (isAreaChart: boolean = false) => {\n let fallbackVSBC = false;\n const xValues = (plotlyInputWithValidData.data[0] as PlotData).x;\n const isXDate = isDateArray(xValues);\n const isXNumber = isNumberArray(xValues);\n const isXMonth = isMonthArray(xValues);\n\n // Consider year as categorical variable not numeric continuous variable\n // Also year is not considered a date variable as it is represented as a point\n // in time and brings additional complexity of handling timezone and locale\n // formatting given the current design of the charting library\n const isXYear = isYearArray(xValues);\n\n if ((isXDate \|\| isXNumber) && !isXYear) {\n return renderLineAreaScatter(plotlyInputWithValidData.data, isAreaChart);\n } else if (isXMonth) {\n const updatedData = plotlyInputWithValidData.data.map((dataPoint: PlotData) => ({\n ...dataPoint,\n x: correctYearMonth(dataPoint.x),\n }));\n return renderLineAreaScatter(updatedData, isAreaChart);\n }\n // Unsupported schema, render as VerticalStackedBarChart\n fallbackVSBC = true;\n return (\n <VerticalStackedBarChart\n {...transformPlotlyJsonToVSBCProps(plotlyInputWithValidData, colorMap, isDarkTheme, fallbackVSBC)}\n {...commonProps}\n />\n );\n };\n\n // TODO\n const exportAsImage = React.useCallback((opts?: ImageExportOptions) => {\n return toImage(chartRef.current?.chartContainer, {\n background: tokens.colorNeutralBackground1,\n scale: 5,\n ...opts,\n });\n }, []);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n exportAsImage,\n }),\n [exportAsImage],\n );\n\n switch (chart.type) {\n case 'donut':\n return (\n <DonutChart\n {...transformPlotlyJsonToDonutProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'horizontalbar':\n return (\n <HorizontalBarChartWithAxis\n {...transformPlotlyJsonToHorizontalBarWithAxisProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'groupedverticalbar':\n return (\n <GroupedVerticalBarChart\n {...transformPlotlyJsonToGVBCProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'verticalstackedbar':\n return (\n <VerticalStackedBarChart\n {...transformPlotlyJsonToVSBCProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'heatmap':\n return (\n <HeatMapChart\n {...transformPlotlyJsonToHeatmapProps(plotlyInputWithValidData)}\n {...commonProps}\n legendProps={{}}\n />\n );\n case 'sankey':\n return (\n <SankeyChart\n {...transformPlotlyJsonToSankeyProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'gauge':\n return (\n <GaugeChart\n {...transformPlotlyJsonToGaugeProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'verticalbar':\n return (\n <VerticalBarChart\n {...transformPlotlyJsonToVBCProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n // TODO: Add 'scatter' as a separate chart type\n case 'area':\n case 'line':\n case 'fallback':\n // Need recheck for area chart as we don't have ability to check for valid months in previous step\n const isAreaChart = plotlyInputWithValidData.data.some(\n (series: PlotData) => series.fill === 'tonexty' \|\| series.fill === 'tozeroy' \|\| !!series.stackgroup,\n );\n return checkAndRenderChart(isAreaChart);\n default:\n throw new Error(`Unsupported chart type :${plotlyInputWithValidData.data[0]?.type}`);\n }\n});\nDeclarativeChart.displayName = 'DeclarativeChart';\n"],"names":["DeclarativeChart","useColorMapping","colorMap","React","useRef","Map","useIsDarkTheme","parentV9Theme","useContext","V9ThemeContext","v9Theme","webLightTheme","backgroundColor","d3Color","hsl","colorNeutralBackground1","foregroundColor","colorNeutralForeground1","isDarkTheme","l","forwardRef","props","forwardedRef","plotlySchema","sanitizeJson","chartSchema","chart","mapFluentChart","isValid","Error","errorMessage","plotlyInput","decodeBase64Fields","error","plotlyInputWithValidData","data","validTracesInfo","map","trace","selectedLegends","chartRef","isArrayOrTypedArray","activeLegends","setActiveLegends","useState","onActiveLegendsChange","keys","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","commonProps","legendProps","componentRef","renderLineAreaScatter","plotlyData","isAreaChart","isScatterMarkers","_plotlyData_","mode","chartProps","transformPlotlyJsonToScatterChartProps","layout","createElement","AreaChart","ScatterChart","LineChart","checkAndRenderChart","fallbackVSBC","xValues","x","isXDate","isDateArray","isXNumber","isNumberArray","isXMonth","isMonthArray","isXYear","isYearArray","updatedData","dataPoint","correctYearMonth","VerticalStackedBarChart","transformPlotlyJsonToVSBCProps","exportAsImage","useCallback","opts","toImage","current","chartContainer","background","tokens","scale","useImperativeHandle","type","DonutChart","transformPlotlyJsonToDonutProps","HorizontalBarChartWithAxis","transformPlotlyJsonToHorizontalBarWithAxisProps","GroupedVerticalBarChart","transformPlotlyJsonToGVBCProps","HeatMapChart","transformPlotlyJsonToHeatmapProps","SankeyChart","transformPlotlyJsonToSankeyProps","GaugeChart","transformPlotlyJsonToGaugeProps","VerticalBarChart","transformPlotlyJsonToVBCProps","some","series","fill","stackgroup","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["DeclarativeChart.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention /\nimport as React from 'react';\nimport type { Data, PlotData, PlotlySchema, OutputChartType } from '@fluentui/chart-utilities';\nimport {\n decodeBase64Fields,\n isArrayOrTypedArray,\n isDateArray,\n isMonthArray,\n isNumberArray,\n isYearArray,\n mapFluentChart,\n sanitizeJson,\n} from '@fluentui/chart-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { ThemeContext_unstable as V9ThemeContext } from '@fluentui/react-shared-contexts';\nimport { Theme, webLightTheme } from '@fluentui/tokens';\nimport * as d3Color from 'd3-color';\n\nimport {\n correctYearMonth,\n transformPlotlyJsonToDonutProps,\n transformPlotlyJsonToVSBCProps,\n transformPlotlyJsonToScatterChartProps,\n transformPlotlyJsonToHorizontalBarWithAxisProps,\n transformPlotlyJsonToHeatmapProps,\n transformPlotlyJsonToSankeyProps,\n transformPlotlyJsonToGaugeProps,\n transformPlotlyJsonToGVBCProps,\n transformPlotlyJsonToVBCProps,\n} from './PlotlySchemaAdapter';\nimport { DonutChart } from '../DonutChart/index';\nimport { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';\nimport { LineChart, LineChartProps } from '../LineChart/index';\nimport { HorizontalBarChartWithAxis } from '../HorizontalBarChartWithAxis/index';\nimport { AreaChart, AreaChartProps } from '../AreaChart/index';\nimport { HeatMapChart } from '../HeatMapChart/index';\nimport { SankeyChart } from '../SankeyChart/SankeyChart';\nimport { GaugeChart } from '../GaugeChart/index';\nimport { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';\nimport { VerticalBarChart } from '../VerticalBarChart/index';\nimport { ImageExportOptions, toImage } from './imageExporter';\nimport { Chart } from '../../types/index';\nimport { ScatterChart } from '../ScatterChart/index';\n// TODO\n// import { withResponsiveContainer } from '../ResponsiveContainer/withResponsiveContainer';\n\n// const ResponsiveDonutChart = withResponsiveContainer(DonutChart);\n// const ResponsiveVerticalStackedBarChart = withResponsiveContainer(VerticalStackedBarChart);\n// const ResponsiveLineChart = withResponsiveContainer(LineChart);\n// const ResponsiveHorizontalBarChartWithAxis = withResponsiveContainer(HorizontalBarChartWithAxis);\n// const ResponsiveAreaChart = withResponsiveContainer(AreaChart);\n// const ResponsiveHeatMapChart = withResponsiveContainer(HeatMapChart);\n// const ResponsiveSankeyChart = withResponsiveContainer(SankeyChart);\n// const ResponsiveGaugeChart = withResponsiveContainer(GaugeChart);\n// const ResponsiveGroupedVerticalBarChart = withResponsiveContainer(GroupedVerticalBarChart);\n// const ResponsiveVerticalBarChart = withResponsiveContainer(VerticalBarChart);\n\n/*\n DeclarativeChart schema.\n * {@docCategory DeclarativeChart}\n /\nexport interface Schema {\n /\n Plotly schema represented as JSON object\n /\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n plotlySchema: any;\n}\n\n/\n DeclarativeChart props.\n * {@docCategory DeclarativeChart}\n /\nexport interface DeclarativeChartProps extends React.RefAttributes<HTMLDivElement> {\n /\n The schema representing the chart data, layout and configuration\n /\n chartSchema: Schema;\n\n /\n Callback when an event occurs\n /\n onSchemaChange?: (eventData: Schema) => void;\n\n /\n Optional callback to access the IDeclarativeChart interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n /\n componentRef?: React.RefObject<IDeclarativeChart>;\n}\n\n/\n {@docCategory DeclarativeChart}\n /\nexport interface IDeclarativeChart {\n exportAsImage: (opts?: ImageExportOptions) => Promise<string>;\n}\n\nconst useColorMapping = () => {\n const colorMap = React.useRef(new Map<string, string>());\n return colorMap;\n};\n\nconst useIsDarkTheme = (): boolean => {\n const parentV9Theme = React.useContext(V9ThemeContext) as Theme;\n const v9Theme: Theme = parentV9Theme ? parentV9Theme : webLightTheme;\n\n // Get background and foreground colors\n const backgroundColor = d3Color.hsl(v9Theme.colorNeutralBackground1);\n const foregroundColor = d3Color.hsl(v9Theme.colorNeutralForeground1);\n\n const isDarkTheme = backgroundColor.l < foregroundColor.l;\n\n return isDarkTheme;\n};\n\n/\n DeclarativeChart component.\n * {@docCategory DeclarativeChart}\n */\nexport const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> = React.forwardRef<\n HTMLDivElement,\n DeclarativeChartProps\n>((props, forwardedRef) => {\n const { plotlySchema } = sanitizeJson(props.chartSchema);\n const chart: OutputChartType = mapFluentChart(plotlySchema);\n if (!chart.isValid) {\n throw new Error(`Invalid chart schema: ${chart.errorMessage}`);\n }\n let plotlyInput = plotlySchema as PlotlySchema;\n try {\n plotlyInput = decodeBase64Fields(plotlyInput);\n } catch (error) {\n throw new Error(`Failed to decode plotly schema: ${error}`);\n }\n const plotlyInputWithValidData: PlotlySchema = {\n ...plotlyInput,\n data: chart.validTracesInfo!.map(trace => plotlyInput.data[trace[0]]),\n };\n\n let { selectedLegends } = plotlySchema;\n const colorMap = useColorMapping();\n const isDarkTheme = useIsDarkTheme();\n const chartRef = React.useRef<Chart>(null);\n\n if (!isArrayOrTypedArray(selectedLegends)) {\n selectedLegends = [];\n }\n\n const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);\n const onActiveLegendsChange = (keys: string[]) => {\n setActiveLegends(keys);\n if (props.onSchemaChange) {\n props.onSchemaChange({ plotlySchema: { plotlyInput, selectedLegends: keys } });\n }\n };\n\n React.useEffect(() => {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { plotlySchema } = sanitizeJson(props.chartSchema);\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const { selectedLegends } = plotlySchema;\n setActiveLegends(selectedLegends ?? []);\n }, [props.chartSchema]);\n\n const multiSelectLegendProps = {\n canSelectMultipleLegends: true,\n onChange: onActiveLegendsChange,\n selectedLegends: activeLegends,\n };\n\n const commonProps = {\n legendProps: multiSelectLegendProps,\n componentRef: chartRef,\n };\n\n const renderLineAreaScatter = (plotlyData: Data[], isAreaChart: boolean): JSX.Element => {\n const isScatterMarkers = (plotlyData[0] as PlotData)?.mode === 'markers';\n const chartProps: LineChartProps \| AreaChartProps = {\n ...transformPlotlyJsonToScatterChartProps(\n { data: plotlyData, layout: plotlyInput.layout },\n isAreaChart,\n colorMap,\n isDarkTheme,\n ),\n ...commonProps,\n };\n if (isAreaChart) {\n return <AreaChart {...chartProps} />;\n }\n if (isScatterMarkers) {\n return <ScatterChart {...chartProps} />;\n }\n return <LineChart {...chartProps} />;\n };\n\n const checkAndRenderChart = (isAreaChart: boolean = false) => {\n let fallbackVSBC = false;\n const xValues = (plotlyInputWithValidData.data[0] as PlotData).x;\n const isXDate = isDateArray(xValues);\n const isXNumber = isNumberArray(xValues);\n const isXMonth = isMonthArray(xValues);\n\n // Consider year as categorical variable not numeric continuous variable\n // Also year is not considered a date variable as it is represented as a point\n // in time and brings additional complexity of handling timezone and locale\n // formatting given the current design of the charting library\n const isXYear = isYearArray(xValues);\n\n if ((isXDate \|\| isXNumber) && !isXYear) {\n return renderLineAreaScatter(plotlyInputWithValidData.data, isAreaChart);\n } else if (isXMonth) {\n const updatedData = plotlyInputWithValidData.data.map((dataPoint: PlotData) => ({\n ...dataPoint,\n x: correctYearMonth(dataPoint.x),\n }));\n return renderLineAreaScatter(updatedData, isAreaChart);\n }\n // Unsupported schema, render as VerticalStackedBarChart\n fallbackVSBC = true;\n return (\n <VerticalStackedBarChart\n {...transformPlotlyJsonToVSBCProps(plotlyInputWithValidData, colorMap, isDarkTheme, fallbackVSBC)}\n {...commonProps}\n />\n );\n };\n\n // TODO\n const exportAsImage = React.useCallback((opts?: ImageExportOptions) => {\n return toImage(chartRef.current?.chartContainer, {\n background: tokens.colorNeutralBackground1,\n scale: 5,\n ...opts,\n });\n }, []);\n\n React.useImperativeHandle(\n props.componentRef,\n () => ({\n exportAsImage,\n }),\n [exportAsImage],\n );\n\n switch (chart.type) {\n case 'donut':\n return (\n <DonutChart\n {...transformPlotlyJsonToDonutProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'horizontalbar':\n return (\n <HorizontalBarChartWithAxis\n {...transformPlotlyJsonToHorizontalBarWithAxisProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'groupedverticalbar':\n return (\n <GroupedVerticalBarChart\n {...transformPlotlyJsonToGVBCProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'verticalstackedbar':\n return (\n <VerticalStackedBarChart\n {...transformPlotlyJsonToVSBCProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'heatmap':\n return (\n <HeatMapChart\n {...transformPlotlyJsonToHeatmapProps(plotlyInputWithValidData)}\n {...commonProps}\n legendProps={{}}\n />\n );\n case 'sankey':\n return (\n <SankeyChart\n {...transformPlotlyJsonToSankeyProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'gauge':\n return (\n <GaugeChart\n {...transformPlotlyJsonToGaugeProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n case 'verticalbar':\n return (\n <VerticalBarChart\n {...transformPlotlyJsonToVBCProps(plotlyInputWithValidData, colorMap, isDarkTheme)}\n {...commonProps}\n />\n );\n // TODO: Add 'scatter' as a separate chart type\n case 'area':\n case 'line':\n case 'fallback':\n // Need recheck for area chart as we don't have ability to check for valid months in previous step\n const isAreaChart = plotlyInputWithValidData.data.some(\n (series: PlotData) => series.fill === 'tonexty' \|\| series.fill === 'tozeroy' \|\| !!series.stackgroup,\n );\n return checkAndRenderChart(isAreaChart);\n default:\n throw new Error(`Unsupported chart type :${plotlyInputWithValidData.data[0]?.type}`);\n }\n});\nDeclarativeChart.displayName = 'DeclarativeChart';\n"],"names":["DeclarativeChart","useColorMapping","colorMap","React","useRef","Map","useIsDarkTheme","parentV9Theme","useContext","V9ThemeContext","v9Theme","webLightTheme","backgroundColor","d3Color","hsl","colorNeutralBackground1","foregroundColor","colorNeutralForeground1","isDarkTheme","l","forwardRef","props","forwardedRef","plotlySchema","sanitizeJson","chartSchema","chart","mapFluentChart","isValid","Error","errorMessage","plotlyInput","decodeBase64Fields","error","plotlyInputWithValidData","data","validTracesInfo","map","trace","selectedLegends","chartRef","isArrayOrTypedArray","activeLegends","setActiveLegends","useState","onActiveLegendsChange","keys","onSchemaChange","useEffect","multiSelectLegendProps","canSelectMultipleLegends","onChange","commonProps","legendProps","componentRef","renderLineAreaScatter","plotlyData","isAreaChart","isScatterMarkers","_plotlyData_","mode","chartProps","transformPlotlyJsonToScatterChartProps","layout","createElement","AreaChart","ScatterChart","LineChart","checkAndRenderChart","fallbackVSBC","xValues","x","isXDate","isDateArray","isXNumber","isNumberArray","isXMonth","isMonthArray","isXYear","isYearArray","updatedData","dataPoint","correctYearMonth","VerticalStackedBarChart","transformPlotlyJsonToVSBCProps","exportAsImage","useCallback","opts","toImage","current","chartContainer","background","tokens","scale","useImperativeHandle","type","DonutChart","transformPlotlyJsonToDonutProps","HorizontalBarChartWithAxis","transformPlotlyJsonToHorizontalBarWithAxisProps","GroupedVerticalBarChart","transformPlotlyJsonToGVBCProps","HeatMapChart","transformPlotlyJsonToHeatmapProps","SankeyChart","transformPlotlyJsonToSankeyProps","GaugeChart","transformPlotlyJsonToGaugeProps","VerticalBarChart","transformPlotlyJsonToVBCProps","some","series","fill","stackgroup","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/DeclarativeChart/PlotlySchemaAdapter.js CHANGED Viewed

@@ -18,9 +18,6 @@ _export(exports, {
     getColor: function() {
         return getColor;
     },
-    isMonthArray: function() {
-        return isMonthArray;
-    },
     transformPlotlyJsonToDonutProps: function() {
         return transformPlotlyJsonToDonutProps;
     },
@@ -56,7 +53,6 @@ const _d3scale = require("d3-scale");
 const _colors = require("../../utilities/colors");
 const _utilities = require("../../utilities/utilities");
 const _chartutilities = require("@fluentui/chart-utilities");
-const _d3timeformat = require("d3-time-format");
 const _d3shape = require("d3-shape");
 const dashOptions = {
     dot: {
@@ -96,14 +92,6 @@ const dashOptions = {
         lineBorderWidth: '4'
     }
 };
-const isMonth = (possiblyMonthValue)=>{
-    const parseFullMonth = (0, _d3timeformat.timeParse)('%B');
-    const parseShortMonth = (0, _d3timeformat.timeParse)('%b');
-    return parseFullMonth(possiblyMonthValue) !== null || parseShortMonth(possiblyMonthValue) !== null;
-};
-const isMonthArray = (data)=>{
-    return (0, _chartutilities.isArrayOfType)(data, isMonth);
-};
 const getLegend = (series, index)=>{
     return series.name || `Series ${index + 1}`;
 };