npm - @fluentui/react-charts - Versions diffs - 0.0.0-nightly-20260112-0407.1 → 0.0.0-nightly-20260113-0406.1 - Mend

@fluentui/react-charts 0.0.0-nightly-20260112-0407.1 → 0.0.0-nightly-20260113-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 (143) hide show

package/lib-commonjs/components/PolarChart/PolarChart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/PolarChart/PolarChart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { PolarChartProps } from './PolarChart.types';\nimport { usePolarChartStyles } from './usePolarChartStyles.styles';\nimport { useImageExport } from '../../utilities/hooks';\nimport {\n pointRadial as d3PointRadial,\n areaRadial as d3AreaRadial,\n lineRadial as d3LineRadial,\n curveLinearClosed as d3CurveLinearClosed,\n} from 'd3-shape';\nimport { AreaPolarSeries, LinePolarSeries, PolarDataPoint, ScatterPolarSeries } from '../../types/DataPoint';\nimport { tokens } from '@fluentui/react-theme';\nimport { Legend, Legends } from '../Legends/index';\nimport {\n createRadialScale,\n getContinuousScaleDomain,\n getScaleType,\n EPSILON,\n createAngularScale,\n formatAngle,\n} from './PolarChart.utils';\nimport { ChartPopover } from '../CommonComponents/ChartPopover';\nimport {\n getColorFromToken,\n getCurveFactory,\n getNextColor,\n isPlottable,\n sortAxisCategories,\n} from '../../utilities/index';\nimport { extent as d3Extent } from 'd3-array';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { formatToLocaleString } from '@fluentui/chart-utilities';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst DEFAULT_LEGEND_HEIGHT = 32;\nconst LABEL_WIDTH = 36;\nconst LABEL_HEIGHT = 16;\nconst LABEL_OFFSET = 10;\nconst TICK_SIZE = 6;\nconst MIN_MARKER_SIZE_PX = 2;\nconst MAX_MARKER_SIZE_PX = 16;\nconst MIN_MARKER_SIZE_PX_MARKERS_ONLY = 4;\n\nexport const PolarChart: React.FunctionComponent<PolarChartProps> = React.forwardRef<HTMLDivElement, PolarChartProps>(\n (props, forwardedRef) => {\n const { chartContainerRef, legendsRef } = useImageExport(props.componentRef, props.hideLegend, false);\n const legendContainerRef = React.useRef<HTMLDivElement>(null);\n const { targetDocument } = useFluent();\n const _window = targetDocument?.defaultView;\n\n const [containerWidth, setContainerWidth] = React.useState<number>(200);\n const [containerHeight, setContainerHeight] = React.useState<number>(200);\n const [legendContainerHeight, setLegendContainerHeight] = React.useState<number>(\n props.hideLegend ? 0 : DEFAULT_LEGEND_HEIGHT,\n );\n const [isPopoverOpen, setPopoverOpen] = React.useState<boolean>(false);\n const [popoverTarget, setPopoverTarget] = React.useState<SVGElement | null>(null);\n const [popoverXValue, setPopoverXValue] = React.useState<string>('');\n const [popoverLegend, setPopoverLegend] = React.useState<string>('');\n const [popoverColor, setPopoverColor] = React.useState<string>('');\n const [popoverYValue, setPopoverYValue] = React.useState<string>('');\n const [hoveredLegend, setHoveredLegend] = React.useState<string>('');\n const [selectedLegends, setSelectedLegends] = React.useState<string[]>(props.legendProps?.selectedLegends || []);\n const [activePoint, setActivePoint] = React.useState<string>('');\n\n React.useEffect(() => {\n if (chartContainerRef.current) {\n const { width, height } = chartContainerRef.current.getBoundingClientRect();\n setContainerWidth(width);\n setContainerHeight(height);\n }\n }, [chartContainerRef]);\n React.useEffect(() => {\n if (props.hideLegend) {\n setLegendContainerHeight(0);\n } else if (legendContainerRef.current) {\n const { height } = legendContainerRef.current.getBoundingClientRect();\n const marginTop = _window?.getComputedStyle(legendContainerRef.current).marginTop || '0px';\n setLegendContainerHeight(Math.max(height, DEFAULT_LEGEND_HEIGHT) + parseFloat(marginTop));\n }\n }, [props.hideLegend, _window]);\n\n React.useEffect(() => {\n setSelectedLegends(props.legendProps?.selectedLegends || []);\n }, [props.legendProps?.selectedLegends]);\n\n const margins = React.useMemo(\n () => ({\n left: LABEL_OFFSET + LABEL_WIDTH,\n right: LABEL_OFFSET + LABEL_WIDTH,\n top: LABEL_OFFSET + LABEL_HEIGHT,\n bottom: LABEL_OFFSET + LABEL_HEIGHT,\n ...props.margins,\n }),\n [props.margins],\n );\n\n const svgWidth = React.useMemo(() => props.width || containerWidth, [props.width, containerWidth]);\n const svgHeight = React.useMemo(\n () => (props.height || containerHeight) - legendContainerHeight,\n [props.height, containerHeight, legendContainerHeight],\n );\n const outerRadius = React.useMemo(\n () => Math.min(svgWidth - (margins.left + margins.right), svgHeight - (margins.top + margins.bottom)) / 2,\n [svgWidth, svgHeight, margins],\n );\n const innerRadius = React.useMemo(\n () => Math.max(0, Math.min(Math.abs(props.hole || 0), 1)) * outerRadius,\n [props.hole, outerRadius],\n );\n\n const legendColorMap = React.useRef<Record<string, string>>({});\n const chartData = React.useMemo(() => {\n legendColorMap.current = {};\n let colorIndex = 0;\n const renderingOrder = ['areapolar', 'linepolar', 'scatterpolar'];\n\n return props.data\n .map(series => {\n const seriesColor = series.color ? getColorFromToken(series.color) : getNextColor(colorIndex++, 0);\n if (!(series.legend in legendColorMap.current)) {\n legendColorMap.current[series.legend] = seriesColor;\n }\n\n return {\n ...series,\n color: seriesColor,\n data: series.data.map(point => {\n return {\n ...point,\n color: point.color ? getColorFromToken(point.color) : seriesColor,\n };\n }),\n };\n })\n .sort((a, b) => {\n return renderingOrder.indexOf(a.type) - renderingOrder.indexOf(b.type);\n });\n }, [props.data]);\n\n const mapCategoryToValues = React.useCallback(\n (isAngularAxis?: boolean) => {\n const categoryToValues: Record<string, number[]> = {};\n chartData.forEach(series => {\n series.data.forEach(point => {\n const category = (isAngularAxis ? point.theta : point.r) as string;\n if (!categoryToValues[category]) {\n categoryToValues[category] = [];\n }\n const value = isAngularAxis ? point.r : point.theta;\n if (typeof value === 'number') {\n categoryToValues[category].push(value);\n }\n });\n });\n return categoryToValues;\n },\n [chartData],\n );\n\n const getOrderedRCategories = React.useCallback(() => {\n return sortAxisCategories(mapCategoryToValues(), props.radialAxis?.categoryOrder);\n }, [mapCategoryToValues, props.radialAxis?.categoryOrder]);\n\n const getOrderedACategories = React.useCallback(() => {\n return sortAxisCategories(mapCategoryToValues(true), props.angularAxis?.categoryOrder);\n }, [mapCategoryToValues, props.angularAxis?.categoryOrder]);\n\n const rValues = React.useMemo(() => chartData.flatMap(series => series.data.map(point => point.r)), [chartData]);\n const rScaleType = React.useMemo(\n () =>\n getScaleType(rValues, {\n scaleType: props.radialAxis?.scaleType,\n supportsLog: true,\n }),\n [rValues, props.radialAxis?.scaleType],\n );\n const rScaleDomain = React.useMemo(\n () =>\n rScaleType === 'category'\n ? getOrderedRCategories()\n : getContinuousScaleDomain(rScaleType, rValues as (number | Date)[], {\n rangeStart: props.radialAxis?.rangeStart,\n rangeEnd: props.radialAxis?.rangeEnd,\n }),\n [getOrderedRCategories, rScaleType, rValues, props.radialAxis?.rangeStart, props.radialAxis?.rangeEnd],\n );\n const {\n scale: rScale,\n tickValues: rTickValues,\n tickLabels: rTickLabels,\n } = React.useMemo(\n () =>\n createRadialScale(rScaleType, rScaleDomain, [innerRadius, outerRadius], {\n useUTC: props.useUTC,\n tickCount: props.radialAxis?.tickCount,\n tickValues: props.radialAxis?.tickValues,\n tickText: props.radialAxis?.tickText,\n tickFormat: props.radialAxis?.tickFormat,\n culture: props.culture,\n tickStep: props.radialAxis?.tickStep,\n tick0: props.radialAxis?.tick0,\n dateLocalizeOptions: props.dateLocalizeOptions,\n }),\n [\n rScaleType,\n rScaleDomain,\n innerRadius,\n outerRadius,\n props.culture,\n props.dateLocalizeOptions,\n props.radialAxis?.tick0,\n props.radialAxis?.tickCount,\n props.radialAxis?.tickFormat,\n props.radialAxis?.tickStep,\n props.radialAxis?.tickText,\n props.radialAxis?.tickValues,\n props.useUTC,\n ],\n );\n\n const aValues = React.useMemo(\n () => chartData.flatMap(series => series.data.map(point => point.theta)),\n [chartData],\n );\n const aScaleType = React.useMemo(\n () =>\n getScaleType(aValues, {\n scaleType: props.angularAxis?.scaleType,\n }),\n [aValues, props.angularAxis?.scaleType],\n );\n const aDomain = React.useMemo(\n () =>\n aScaleType === 'category'\n ? getOrderedACategories()\n : (getContinuousScaleDomain(aScaleType, aValues as number[]) as number[]),\n [getOrderedACategories, aScaleType, aValues],\n );\n const {\n scale: aScale,\n tickValues: aTickValues,\n tickLabels: aTickLabels,\n } = React.useMemo(\n () =>\n createAngularScale(aScaleType, aDomain, {\n tickCount: props.angularAxis?.tickCount,\n tickValues: props.angularAxis?.tickValues,\n tickText: props.angularAxis?.tickText,\n tickFormat: props.angularAxis?.tickFormat,\n culture: props.culture,\n tickStep: props.angularAxis?.tickStep,\n tick0: props.angularAxis?.tick0,\n direction: props.direction,\n unit: props.angularAxis?.unit,\n }),\n [\n aScaleType,\n aDomain,\n props.angularAxis?.tick0,\n props.angularAxis?.tickCount,\n props.angularAxis?.tickFormat,\n props.angularAxis?.tickStep,\n props.angularAxis?.tickText,\n props.angularAxis?.tickValues,\n props.angularAxis?.unit,\n props.culture,\n props.direction,\n ],\n );\n\n const classes = usePolarChartStyles(props);\n\n const renderPolarGrid = React.useCallback(() => {\n const extRTickValues = [];\n const rDomain = rScale.domain();\n if (innerRadius > 0 && rDomain[0] !== rTickValues[0]) {\n extRTickValues.push(rDomain[0]);\n }\n extRTickValues.push(...rTickValues);\n if (rDomain[rDomain.length - 1] !== rTickValues[rTickValues.length - 1]) {\n extRTickValues.push(rDomain[rDomain.length - 1]);\n }\n\n return (\n <g>\n <g>\n {extRTickValues.map((r, rIndex) => {\n const className = rIndex === extRTickValues.length - 1 ? classes.gridLineOuter : classes.gridLineInner;\n\n if (props.shape === 'polygon') {\n let d = '';\n aTickValues.forEach((a, aIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const radialPoint = d3PointRadial(aScale(a), rScale(r as any)!);\n d += (aIndex === 0 ? 'M' : 'L') + radialPoint.join(',') + ' ';\n });\n d += 'Z';\n\n return <path key={rIndex} d={d} className={className} />;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return <circle key={rIndex} cx={0} cy={0} r={rScale(r as any)} className={className} />;\n })}\n </g>\n <g>\n {aTickValues.map((a, aIndex) => {\n const radialPoint1 = d3PointRadial(aScale(a), innerRadius);\n const radialPoint2 = d3PointRadial(aScale(a), outerRadius);\n\n return (\n <path\n key={aIndex}\n d={`M${radialPoint1.join(',')} L${radialPoint2.join(',')}`}\n className={classes.gridLineInner}\n />\n );\n })}\n </g>\n </g>\n );\n }, [\n innerRadius,\n outerRadius,\n rTickValues,\n aTickValues,\n rScale,\n aScale,\n props.shape,\n classes.gridLineInner,\n classes.gridLineOuter,\n ]);\n\n const renderPolarTicks = React.useCallback(() => {\n const radialAxisAngle = props.direction === 'clockwise' ? 0 : Math.PI / 2;\n const radialAxisStartPoint = d3PointRadial(radialAxisAngle, innerRadius);\n const radialAxisEndPoint = d3PointRadial(radialAxisAngle, outerRadius);\n // (0, pi]\n const sign = radialAxisAngle > EPSILON && radialAxisAngle - Math.PI < EPSILON ? 1 : -1;\n\n return (\n <g>\n <g>\n <path\n d={`M${radialAxisStartPoint.join(',')} L${radialAxisEndPoint.join(',')}`}\n className={classes.gridLineOuter}\n />\n {rTickValues.map((r, rIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [pointX, pointY] = d3PointRadial(radialAxisAngle, rScale(r as any)!);\n return (\n <g key={rIndex}>\n <path\n d={`M${pointX},${pointY} L${pointX + TICK_SIZE * Math.cos(radialAxisAngle) * sign},${\n pointY + TICK_SIZE * Math.sin(radialAxisAngle) * sign\n }`}\n className={classes.gridLineOuter}\n />\n <text\n x={pointX + (TICK_SIZE + LABEL_OFFSET) * Math.cos(radialAxisAngle) * sign}\n y={pointY + (TICK_SIZE + LABEL_OFFSET) * Math.sin(radialAxisAngle) * sign}\n textAnchor={\n // pi/2 or 3pi/2\n Math.abs(radialAxisAngle - Math.PI / 2) < EPSILON ||\n Math.abs(radialAxisAngle - (3 * Math.PI) / 2) < EPSILON\n ? 'middle'\n : // (0, pi/2) or (pi, 3pi/2)\n (radialAxisAngle > EPSILON && radialAxisAngle - Math.PI / 2 < -EPSILON) ||\n (radialAxisAngle - Math.PI > EPSILON && radialAxisAngle - (3 * Math.PI) / 2 < -EPSILON)\n ? 'start'\n : 'end'\n }\n dominantBaseline=\"middle\"\n aria-hidden={true}\n className={classes.tickLabel}\n >\n {rTickLabels[rIndex]}\n </text>\n </g>\n );\n })}\n </g>\n <g>\n {aTickValues.map((a, aIndex) => {\n const angle = aScale(a);\n const [pointX, pointY] = d3PointRadial(angle, outerRadius + LABEL_OFFSET);\n\n return (\n <text\n key={aIndex}\n x={pointX}\n y={pointY}\n textAnchor={\n Math.abs(angle) < EPSILON || Math.abs(angle - Math.PI) < EPSILON\n ? 'middle'\n : angle > Math.PI\n ? 'end'\n : 'start'\n }\n dominantBaseline=\"middle\"\n aria-hidden={true}\n className={classes.tickLabel}\n >\n {aTickLabels[aIndex]}\n </text>\n );\n })}\n </g>\n </g>\n );\n }, [\n rTickValues,\n aTickValues,\n rScale,\n aScale,\n outerRadius,\n classes.gridLineOuter,\n classes.tickLabel,\n aTickLabels,\n innerRadius,\n rTickLabels,\n props.direction,\n ]);\n\n const getActiveLegends = React.useCallback(() => {\n return selectedLegends.length > 0 ? selectedLegends : hoveredLegend ? [hoveredLegend] : [];\n }, [selectedLegends, hoveredLegend]);\n\n const legendHighlighted = React.useCallback(\n (legendTitle: string) => {\n const activeLegends = getActiveLegends();\n return activeLegends.includes(legendTitle) || activeLegends.length === 0;\n },\n [getActiveLegends],\n );\n\n const renderRadialArea = React.useCallback(\n (series: AreaPolarSeries) => {\n const radialArea = d3AreaRadial<PolarDataPoint>()\n .angle(d => aScale(d.theta))\n .innerRadius(innerRadius)\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .outerRadius(d => rScale(d.r as any)!)\n .curve(getCurveFactory(series.lineOptions?.curve, d3CurveLinearClosed))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n const shouldHighlight = legendHighlighted(series.legend);\n\n return (\n <path\n d={radialArea(series.data)!}\n fill={series.color}\n fillOpacity={shouldHighlight ? 0.7 : 0.1}\n pointerEvents=\"none\"\n />\n );\n },\n [innerRadius, rScale, aScale, legendHighlighted],\n );\n\n const renderRadialLine = React.useCallback(\n (series: AreaPolarSeries | LinePolarSeries) => {\n const radialLine = d3LineRadial<PolarDataPoint>()\n .angle(d => aScale(d.theta))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .radius(d => rScale(d.r as any)!)\n .curve(getCurveFactory(series.lineOptions?.curve))\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n .defined(d => isPlottable(aScale(d.theta), rScale(d.r as any)));\n\n return (\n <path\n d={radialLine(series.data)!}\n fill=\"none\"\n stroke={series.color}\n strokeOpacity={legendHighlighted(series.legend) ? 1 : 0.1}\n strokeWidth={series.lineOptions?.strokeWidth ?? 3}\n strokeDasharray={series.lineOptions?.strokeDasharray}\n strokeDashoffset={series.lineOptions?.strokeDashoffset}\n strokeLinecap={series.lineOptions?.strokeLinecap}\n pointerEvents=\"none\"\n />\n );\n },\n [rScale, aScale, legendHighlighted],\n );\n\n const [minMarkerSize, maxMarkerSize] = React.useMemo(\n () => d3Extent<number>(chartData.flatMap(series => series.data.map(point => point.markerSize as number))),\n [chartData],\n );\n\n const showPopover = React.useCallback(\n (\n event: React.MouseEvent<SVGElement> | React.FocusEvent<SVGElement>,\n point: PolarDataPoint,\n pointId: string,\n legend: string,\n ) => {\n setPopoverTarget(event.currentTarget);\n setPopoverOpen(legendHighlighted(legend));\n setPopoverXValue(point.angularAxisCalloutData ?? formatAngle(point.theta, props.angularAxis?.unit));\n setPopoverLegend(legend);\n setPopoverColor(point.color!);\n setPopoverYValue(\n point.radialAxisCalloutData ?? (formatToLocaleString(point.r, props.culture, props.useUTC) as string),\n );\n setActivePoint(pointId);\n },\n [legendHighlighted, props.angularAxis?.unit, props.culture, props.useUTC],\n );\n\n const hidePopover = React.useCallback(() => {\n setPopoverOpen(false);\n setActivePoint('');\n }, []);\n\n const markersOnlyMode = React.useMemo(\n () => chartData.filter(s => s.type === 'areapolar' || s.type === 'linepolar').length === 0,\n [chartData],\n );\n\n const renderRadialPoints = React.useCallback(\n (series: AreaPolarSeries | LinePolarSeries | ScatterPolarSeries, seriesIndex: number) => {\n const shouldHighlight = legendHighlighted(series.legend);\n return (\n <g>\n {series.data.map((point, pointIndex) => {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n if (!isPlottable(aScale(point.theta), rScale(point.r as any))) {\n return null;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const [x, y] = d3PointRadial(aScale(point.theta), rScale(point.r as any)!);\n const id = `${seriesIndex}-${pointIndex}`;\n const isActive = activePoint === id;\n const minPx = markersOnlyMode ? MIN_MARKER_SIZE_PX_MARKERS_ONLY : MIN_MARKER_SIZE_PX;\n let radius = minPx;\n if (typeof point.markerSize !== 'undefined' && minMarkerSize !== maxMarkerSize) {\n radius =\n minPx +\n ((point.markerSize - minMarkerSize!) / (maxMarkerSize! - minMarkerSize!)) *\n (MAX_MARKER_SIZE_PX - minPx);\n }\n\n const xValue =\n point.radialAxisCalloutData || (formatToLocaleString(point.r, props.culture, props.useUTC) as string);\n const legend = series.legend;\n const yValue = point.angularAxisCalloutData || formatAngle(point.theta, props.angularAxis?.unit);\n const ariaLabel = point.callOutAccessibilityData?.ariaLabel || `${xValue}. ${legend}, ${yValue}.`;\n\n return (\n <circle\n key={pointIndex}\n cx={x}\n cy={y}\n r={radius}\n fill={isActive ? tokens.colorNeutralBackground1 : point.color}\n stroke={isActive ? point.color : 'none'}\n strokeWidth={isActive ? 2 : 0}\n opacity={shouldHighlight ? 1 : 0.1}\n tabIndex={shouldHighlight ? 0 : -1}\n onMouseOver={e => showPopover(e, point, id, series.legend)}\n onFocus={e => showPopover(e, point, id, series.legend)}\n role=\"img\"\n aria-label={ariaLabel}\n />\n );\n })}\n </g>\n );\n },\n [\n legendHighlighted,\n rScale,\n aScale,\n activePoint,\n showPopover,\n minMarkerSize,\n maxMarkerSize,\n markersOnlyMode,\n props.angularAxis?.unit,\n props.culture,\n props.useUTC,\n ],\n );\n\n const onLegendSelectionChange = React.useCallback(\n (_selectedLegends: string[], event: React.MouseEvent<HTMLButtonElement>, currentLegend?: Legend) => {\n if (props.legendProps?.canSelectMultipleLegends) {\n setSelectedLegends(_selectedLegends);\n } else {\n setSelectedLegends(_selectedLegends.slice(-1));\n }\n if (props.legendProps?.onChange) {\n props.legendProps.onChange(_selectedLegends, event, currentLegend);\n }\n },\n [props.legendProps],\n );\n\n const renderLegends = React.useCallback(() => {\n if (props.hideLegend) {\n return null;\n }\n\n const legends: Legend[] = Object.keys(legendColorMap.current).map(legendTitle => {\n return {\n title: legendTitle,\n color: legendColorMap.current[legendTitle],\n hoverAction: () => {\n setHoveredLegend(legendTitle);\n },\n onMouseOutAction: () => {\n setHoveredLegend('');\n },\n };\n });\n\n return (\n <div ref={legendContainerRef} className={classes.legendContainer}>\n <Legends\n legends={legends}\n centerLegends\n onChange={onLegendSelectionChange}\n legendRef={legendsRef}\n {...props.legendProps}\n />\n </div>\n );\n }, [props.hideLegend, props.legendProps, legendsRef, onLegendSelectionChange, classes.legendContainer]);\n\n const focusAttributes = useArrowNavigationGroup({ axis: 'horizontal' });\n\n return (\n <div className={classes.root} ref={chartContainerRef} onMouseLeave={hidePopover} onBlur={hidePopover}>\n <div className={classes.chartWrapper} {...focusAttributes}>\n <svg\n className={classes.chart}\n width={svgWidth}\n height={svgHeight}\n viewBox={`${-svgWidth / 2} ${-svgHeight / 2} ${svgWidth} ${svgHeight}`}\n role=\"region\"\n aria-label={\n (props.chartTitle ? `${props.chartTitle}. ` : '') + `Polar chart with ${chartData.length} data series.`\n }\n >\n {renderPolarGrid()}\n <g>\n {chartData.map((series, seriesIndex) => {\n return (\n <g\n key={seriesIndex}\n role=\"region\"\n aria-label={`${series.legend}, series ${seriesIndex + 1} of ${chartData.length} with ${\n series.data.length\n } data points.`}\n >\n {series.type === 'areapolar' && renderRadialArea(series)}\n {(series.type === 'areapolar' || series.type === 'linepolar') && renderRadialLine(series)}\n {renderRadialPoints(series, seriesIndex)}\n </g>\n );\n })}\n </g>\n {renderPolarTicks()}\n </svg>\n </div>\n {renderLegends()}\n {!props.hideTooltip && (\n <ChartPopover\n isPopoverOpen={isPopoverOpen}\n positioning={{\n target: popoverTarget,\n }}\n XValue={popoverXValue}\n legend={popoverLegend}\n color={popoverColor}\n YValue={popoverYValue}\n />\n )}\n </div>\n );\n },\n);\n\nPolarChart.displayName = 'PolarChart';\n"],"names":["React","usePolarChartStyles","useImageExport","pointRadial","d3PointRadial","areaRadial","d3AreaRadial","lineRadial","d3LineRadial","curveLinearClosed","d3CurveLinearClosed","tokens","Legends","createRadialScale","getContinuousScaleDomain","getScaleType","EPSILON","createAngularScale","formatAngle","ChartPopover","getColorFromToken","getCurveFactory","getNextColor","isPlottable","sortAxisCategories","extent","d3Extent","useArrowNavigationGroup","formatToLocaleString","useFluent_unstable","useFluent","DEFAULT_LEGEND_HEIGHT","LABEL_WIDTH","LABEL_HEIGHT","LABEL_OFFSET","TICK_SIZE","MIN_MARKER_SIZE_PX","MAX_MARKER_SIZE_PX","MIN_MARKER_SIZE_PX_MARKERS_ONLY","PolarChart","forwardRef","props","forwardedRef","chartContainerRef","legendsRef","componentRef","hideLegend","legendContainerRef","useRef","targetDocument","_window","defaultView","containerWidth","setContainerWidth","useState","containerHeight","setContainerHeight","legendContainerHeight","setLegendContainerHeight","isPopoverOpen","setPopoverOpen","popoverTarget","setPopoverTarget","popoverXValue","setPopoverXValue","popoverLegend","setPopoverLegend","popoverColor","setPopoverColor","popoverYValue","setPopoverYValue","hoveredLegend","setHoveredLegend","selectedLegends","setSelectedLegends","legendProps","activePoint","setActivePoint","useEffect","current","width","height","getBoundingClientRect","marginTop","getComputedStyle","Math","max","parseFloat","margins","useMemo","left","right","top","bottom","svgWidth","svgHeight","outerRadius","min","innerRadius","abs","hole","legendColorMap","chartData","colorIndex","renderingOrder","data","map","series","seriesColor","color","legend","point","sort","a","b","indexOf","type","mapCategoryToValues","useCallback","isAngularAxis","categoryToValues","forEach","category","theta","r","value","push","getOrderedRCategories","radialAxis","categoryOrder","getOrderedACategories","angularAxis","rValues","flatMap","rScaleType","scaleType","supportsLog","rScaleDomain","rangeStart","rangeEnd","scale","rScale","tickValues","rTickValues","tickLabels","rTickLabels","useUTC","tickCount","tickText","tickFormat","culture","tickStep","tick0","dateLocalizeOptions","aValues","aScaleType","aDomain","aScale","aTickValues","aTickLabels","direction","unit","classes","renderPolarGrid","extRTickValues","rDomain","domain","length","g","rIndex","className","gridLineOuter","gridLineInner","shape","d","aIndex","radialPoint","join","path","key","circle","cx","cy","radialPoint1","radialPoint2","renderPolarTicks","radialAxisAngle","PI","radialAxisStartPoint","radialAxisEndPoint","sign","pointX","pointY","cos","sin","text","x","y","textAnchor","dominantBaseline","aria-hidden","tickLabel","angle","getActiveLegends","legendHighlighted","legendTitle","activeLegends","includes","renderRadialArea","radialArea","curve","lineOptions","defined","shouldHighlight","fill","fillOpacity","pointerEvents","renderRadialLine","radialLine","radius","stroke","strokeOpacity","strokeWidth","strokeDasharray","strokeDashoffset","strokeLinecap","minMarkerSize","maxMarkerSize","markerSize","showPopover","event","pointId","currentTarget","angularAxisCalloutData","radialAxisCalloutData","hidePopover","markersOnlyMode","filter","s","renderRadialPoints","seriesIndex","pointIndex","id","isActive","minPx","xValue","yValue","ariaLabel","callOutAccessibilityData","colorNeutralBackground1","opacity","tabIndex","onMouseOver","e","onFocus","role","aria-label","onLegendSelectionChange","_selectedLegends","currentLegend","canSelectMultipleLegends","slice","onChange","renderLegends","legends","Object","keys","title","hoverAction","onMouseOutAction","div","ref","legendContainer","centerLegends","legendRef","focusAttributes","axis","root","onMouseLeave","onBlur","chartWrapper","svg","chart","viewBox","chartTitle","hideTooltip","positioning","target","XValue","YValue","displayName"],"mappings":"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"}

package/lib-commonjs/components/PolarChart/PolarChart.types.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));

package/lib-commonjs/components/PolarChart/PolarChart.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/PolarChart/PolarChart.types.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AreaPolarSeries,\n AxisCategoryOrder,\n AxisProps,\n AxisScaleType,\n Chart,\n LinePolarSeries,\n Margins,\n ScatterPolarSeries,\n} from '../../types/DataPoint';\nimport { LegendsProps } from '../Legends/Legends.types';\n\n/**\n * Configuration options for a polar axis.\n * {@docCategory PolarChart}\n */\nexport type PolarAxisProps = AxisProps & {\n /**\n * Values at which ticks should be placed on the axis.\n */\n tickValues?: number[] | Date[] | string[];\n\n /**\n * Format string for the axis ticks.\n * For numbers, see: https://d3js.org/d3-format.\n * And for dates see: https://d3js.org/d3-time-format.\n */\n tickFormat?: string;\n\n /**\n * Number of ticks to display on the axis.\n */\n tickCount?: number;\n\n /**\n * Defines the order of categories on the axis.\n * @default 'default'\n */\n categoryOrder?: AxisCategoryOrder;\n\n /**\n * Scale type for the axis.\n * @default 'default'\n */\n scaleType?: AxisScaleType;\n\n /**\n * Start value of the axis range.\n */\n rangeStart?: number | Date;\n\n /**\n * End value of the axis range.\n */\n rangeEnd?: number | Date;\n};\n\n/**\n * Polar Chart properties\n * {@docCategory PolarChart}\n */\nexport interface PolarChartProps {\n /**\n * Data series to be rendered in the polar chart.\n */\n data: (AreaPolarSeries | LinePolarSeries | ScatterPolarSeries)[];\n\n /**\n * Width of the polar chart.\n * @default 200\n */\n width?: number;\n\n /**\n * Height of the polar chart.\n * @default 200\n */\n height?: number;\n\n /**\n * Margins around the chart area.\n */\n margins?: Margins;\n\n /**\n * If true, hides the legend.\n * @default false\n */\n hideLegend?: boolean;\n\n /**\n * If true, hides the tooltip.\n * @default false\n */\n hideTooltip?: boolean;\n\n /*\n * Properties for customizing the legend.\n */\n legendProps?: Partial<LegendsProps>;\n\n /**\n * Style properties for the polar chart.\n */\n styles?: PolarChartStyles;\n\n /**\n * Title of the chart.\n */\n chartTitle?: string;\n\n /**\n * Fraction of the radius to cut out from the center of the chart.\n * Accepts values in the range [0, 1].\n */\n hole?: number;\n\n /**\n * Shape of the polar chart.\n * @default 'circle'\n */\n shape?: 'circle' | 'polygon';\n\n /**\n * Direction in which the chart is drawn.\n * @default 'counterclockwise'\n */\n direction?: 'clockwise' | 'counterclockwise';\n\n /**\n * Configuration options for the radial axis.\n */\n radialAxis?: PolarAxisProps;\n\n /**\n * Configuration options for the angular axis.\n */\n angularAxis?: PolarAxisProps & {\n /**\n * Format unit for angular values.\n * @default 'degrees'\n */\n unit?: 'radians' | 'degrees';\n };\n\n /**\n * Optional callback to access the Chart interface. Use this instead of ref for accessing\n * the public methods and properties of the component.\n */\n componentRef?: React.Ref<Chart>;\n\n /**\n * Locale identifier string used to format numbers and dates according to the specified culture.\n * Example: 'en-US', 'fr-FR'.\n */\n culture?: string;\n\n /**\n * Options for localizing date values.\n */\n dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n\n /**\n * If true, date values are treated as UTC dates.\n * @default false\n */\n useUTC?: boolean;\n}\n\n/**\n * Polar Chart style properties\n * {@docCategory PolarChart}\n */\nexport interface PolarChartStyleProps {}\n\n/**\n * Polar Chart styles\n * {@docCategory PolarChart}\n */\nexport interface PolarChartStyles {\n /**\n * Style for the root element.\n */\n root?: string;\n\n /**\n * Style for the chart wrapper element.\n */\n chartWrapper?: string;\n\n /**\n * Style for the chart element.\n */\n chart?: string;\n\n /**\n * Style for the inner grid lines.\n */\n gridLineInner?: string;\n\n /**\n * Style for the outer grid lines.\n */\n gridLineOuter?: string;\n\n /**\n * Style for the tick labels.\n */\n tickLabel?: string;\n\n /**\n * Style for the legend container.\n */\n legendContainer?: string;\n}\n"],"names":["React"],"mappings":";;;;;iEAAuB,QAAQ"}

package/lib-commonjs/components/PolarChart/PolarChart.utils.js ADDED Viewed

@@ -0,0 +1,204 @@
+"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, {
+    EPSILON: function() {
+        return EPSILON;
+    },
+    createAngularScale: function() {
+        return createAngularScale;
+    },
+    createRadialScale: function() {
+        return createRadialScale;
+    },
+    formatAngle: function() {
+        return formatAngle;
+    },
+    getContinuousScaleDomain: function() {
+        return getContinuousScaleDomain;
+    },
+    getScaleType: function() {
+        return getScaleType;
+    }
+});
+const _d3scale = require("d3-scale");
+const _d3array = require("d3-array");
+const _d3format = require("d3-format");
+const _utilities = require("../../utilities/utilities");
+const _chartutilities = require("@fluentui/chart-utilities");
+const _d3timeformat = require("d3-time-format");
+const EPSILON = 1e-6;
+const createRadialScale = (scaleType, domain, range, opts = {})=>{
+    if (scaleType === 'category') {
+        const scale = (0, _d3scale.scaleBand)().domain(domain).range(range).paddingInner(1);
+        const tickValues = Array.isArray(opts.tickValues) ? opts.tickValues : domain;
+        const tickFormat = (domainValue, index)=>{
+            if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, _chartutilities.isInvalidValue)(opts.tickText[index])) {
+                return opts.tickText[index];
+            }
+            return domainValue;
+        };
+        return {
+            scale,
+            tickValues,
+            tickLabels: tickValues.map(tickFormat)
+        };
+    }
+    let scale;
+    if (scaleType === 'date') {
+        scale = opts.useUTC ? (0, _d3scale.scaleUtc)() : (0, _d3scale.scaleTime)();
+    } else {
+        scale = scaleType === 'log' ? (0, _d3scale.scaleLog)() : (0, _d3scale.scaleLinear)();
+    }
+    scale.domain(domain);
+    scale.range(range);
+    scale.nice();
+    var _opts_tickCount;
+    const tickCount = (_opts_tickCount = opts.tickCount) !== null && _opts_tickCount !== void 0 ? _opts_tickCount : 4;
+    let tickFormat;
+    let customTickValues = Array.isArray(opts.tickValues) ? opts.tickValues : undefined;
+    if (scaleType === 'date') {
+        let lowestFormatLevel = 100;
+        let highestFormatLevel = -1;
+        scale.ticks().forEach((domainValue)=>{
+            const formatLevel = (0, _utilities.getDateFormatLevel)(domainValue, opts.useUTC);
+            if (formatLevel > highestFormatLevel) {
+                highestFormatLevel = formatLevel;
+            }
+            if (formatLevel < lowestFormatLevel) {
+                lowestFormatLevel = formatLevel;
+            }
+        });
+        var _opts_dateLocalizeOptions;
+        const formatOptions = (_opts_dateLocalizeOptions = opts.dateLocalizeOptions) !== null && _opts_dateLocalizeOptions !== void 0 ? _opts_dateLocalizeOptions : (0, _chartutilities.getMultiLevelDateTimeFormatOptions)(lowestFormatLevel, highestFormatLevel);
+        tickFormat = (domainValue, index)=>{
+            if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, _chartutilities.isInvalidValue)(opts.tickText[index])) {
+                return opts.tickText[index];
+            }
+            if ((0, _chartutilities.isInvalidValue)(opts.culture) && typeof opts.tickFormat === 'string') {
+                if (opts.useUTC) {
+                    return (0, _d3timeformat.utcFormat)(opts.tickFormat)(domainValue);
+                } else {
+                    return (0, _d3timeformat.timeFormat)(opts.tickFormat)(domainValue);
+                }
+            }
+            return (0, _chartutilities.formatDateToLocaleString)(domainValue, opts.culture, opts.useUTC, false, formatOptions);
+        };
+        if (opts.tickStep) {
+            customTickValues = (0, _utilities.generateDateTicks)(opts.tickStep, opts.tick0, scale.domain(), opts.useUTC);
+        }
+    } else {
+        const defaultTickFormat = scale.tickFormat(tickCount);
+        tickFormat = (domainValue, index)=>{
+            if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, _chartutilities.isInvalidValue)(opts.tickText[index])) {
+                return opts.tickText[index];
+            }
+            if (typeof opts.tickFormat === 'string') {
+                return (0, _d3format.format)(opts.tickFormat)(domainValue);
+            }
+            const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();
+            return defaultTickFormat(value) === '' ? '' : (0, _chartutilities.formatToLocaleString)(value, opts.culture);
+        };
+        if (opts.tickStep) {
+            customTickValues = (0, _utilities.generateNumericTicks)(scaleType, opts.tickStep, opts.tick0, scale.domain());
+        }
+    }
+    const tickValues = customTickValues !== null && customTickValues !== void 0 ? customTickValues : scale.ticks(tickCount);
+    return {
+        scale,
+        tickValues,
+        tickLabels: tickValues.map(tickFormat)
+    };
+};
+const getScaleType = (values, opts = {})=>{
+    let scaleType = 'category';
+    if (typeof values[0] === 'number') {
+        if (opts.supportsLog && opts.scaleType === 'log') {
+            scaleType = 'log';
+        } else {
+            scaleType = 'linear';
+        }
+    } else if (values[0] instanceof Date) {
+        scaleType = 'date';
+    }
+    return scaleType;
+};
+const getContinuousScaleDomain = (scaleType, values, opts = {})=>{
+    let [min, max] = (0, _d3array.extent)(values.filter((v)=>(0, _utilities.isValidDomainValue)(v, scaleType)));
+    if (scaleType === 'linear') {
+        [min, max] = (0, _d3array.extent)([
+            min,
+            max,
+            0
+        ]);
+    }
+    if (!(0, _chartutilities.isInvalidValue)(opts.rangeStart)) {
+        min = opts.rangeStart;
+    }
+    if (!(0, _chartutilities.isInvalidValue)(opts.rangeEnd)) {
+        max = opts.rangeEnd;
+    }
+    if ((0, _chartutilities.isInvalidValue)(min) || (0, _chartutilities.isInvalidValue)(max)) {
+        return [];
+    }
+    return [
+        min,
+        max
+    ];
+};
+const degToRad = (deg)=>deg * Math.PI / 180;
+const radToDeg = (rad)=>rad * 180 / Math.PI;
+const normalizeAngle = (deg, direction)=>((direction === 'clockwise' ? deg : 450 - deg) % 360 + 360) % 360;
+const createAngularScale = (scaleType, domain, opts = {})=>{
+    if (scaleType === 'category') {
+        const categoryIndexMap = {};
+        domain.forEach((d, i)=>{
+            categoryIndexMap[d] = i;
+        });
+        const period = 360 / domain.length;
+        const tickValues = Array.isArray(opts.tickValues) ? opts.tickValues : domain;
+        const tickFormat = (domainValue, index)=>{
+            if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, _chartutilities.isInvalidValue)(opts.tickText[index])) {
+                return opts.tickText[index];
+            }
+            return domainValue;
+        };
+        return {
+            scale: (v)=>degToRad(normalizeAngle(categoryIndexMap[v] * period, opts.direction)),
+            tickValues,
+            tickLabels: tickValues.map(tickFormat)
+        };
+    }
+    let customTickValues = Array.isArray(opts.tickValues) ? opts.tickValues : undefined;
+    const tickFormat = (domainValue, index)=>{
+        if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !(0, _chartutilities.isInvalidValue)(opts.tickText[index])) {
+            return opts.tickText[index];
+        }
+        if (typeof opts.tickFormat === 'string') {
+            return (0, _d3format.format)(opts.tickFormat)(domainValue);
+        }
+        return formatAngle(domainValue, opts.unit);
+    };
+    if (opts.tickStep) {
+        var _generateNumericTicks;
+        customTickValues = (_generateNumericTicks = (0, _utilities.generateNumericTicks)(scaleType, opts.tickStep, opts.tick0, [
+            0,
+            (opts.unit === 'radians' ? 2 * Math.PI : 360) - EPSILON
+        ])) === null || _generateNumericTicks === void 0 ? void 0 : _generateNumericTicks.map((v)=>opts.unit === 'radians' ? radToDeg(v) : v);
+    }
+    var _opts_tickCount;
+    const tickValues = customTickValues !== null && customTickValues !== void 0 ? customTickValues : (0, _d3array.range)(0, 360, 360 / ((_opts_tickCount = opts.tickCount) !== null && _opts_tickCount !== void 0 ? _opts_tickCount : 8));
+    return {
+        scale: (v)=>degToRad(normalizeAngle(v, opts.direction)),
+        tickValues,
+        tickLabels: tickValues.map(tickFormat)
+    };
+};
+const formatAngle = (value, unit)=>typeof value === 'string' ? value : unit === 'radians' ? `${(0, _utilities.precisionRound)(value / 180, 6)}π` : `${(0, _utilities.precisionRound)(value, 6)}°`;

package/lib-commonjs/components/PolarChart/PolarChart.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/PolarChart/PolarChart.utils.ts"],"sourcesContent":["import {\n scaleBand as d3ScaleBand,\n scaleLinear as d3ScaleLinear,\n scaleLog as d3ScaleLog,\n scaleTime as d3ScaleTime,\n scaleUtc as d3ScaleUtc,\n NumberValue,\n ScaleBand,\n ScaleContinuousNumeric,\n ScaleTime,\n} from 'd3-scale';\nimport { extent as d3Extent, range as d3Range } from 'd3-array';\nimport { format as d3Format } from 'd3-format';\nimport { AxisScaleType } from '../../types/DataPoint';\nimport {\n generateDateTicks,\n generateNumericTicks,\n getDateFormatLevel,\n isValidDomainValue,\n precisionRound,\n} from '../../utilities/utilities';\nimport {\n isInvalidValue,\n formatToLocaleString,\n getMultiLevelDateTimeFormatOptions,\n formatDateToLocaleString,\n} from '@fluentui/chart-utilities';\nimport { timeFormat as d3TimeFormat, utcFormat as d3UtcFormat } from 'd3-time-format';\nimport { PolarChartProps } from './PolarChart.types';\n\nexport const EPSILON = 1e-6;\n\nexport const createRadialScale = (\n scaleType: string,\n domain: (string | number | Date)[],\n range: number[],\n opts: {\n useUTC?: boolean;\n tickCount?: number;\n tickValues?: (string | number | Date)[];\n tickText?: string[];\n tickFormat?: string;\n culture?: string;\n tickStep?: number | string;\n tick0?: number | Date;\n dateLocalizeOptions?: Intl.DateTimeFormatOptions;\n } = {},\n): {\n scale: ScaleBand<string> | ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n tickValues: (string | number | Date)[];\n tickLabels: string[];\n} => {\n if (scaleType === 'category') {\n const scale = d3ScaleBand()\n .domain(domain as string[])\n .range(range)\n .paddingInner(1);\n const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n const tickFormat = (domainValue: string, index: number) => {\n if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n return opts.tickText[index];\n }\n return domainValue;\n };\n return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n }\n\n let scale: ScaleContinuousNumeric<number, number, undefined> | ScaleTime<number, number>;\n if (scaleType === 'date') {\n scale = opts.useUTC ? d3ScaleUtc() : d3ScaleTime();\n } else {\n scale = scaleType === 'log' ? d3ScaleLog() : d3ScaleLinear();\n }\n\n scale.domain(domain as (number | Date)[]);\n scale.range(range);\n scale.nice();\n\n const tickCount = opts.tickCount ?? 4;\n let tickFormat;\n let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as (number | Date)[]) : undefined;\n if (scaleType === 'date') {\n let lowestFormatLevel = 100;\n let highestFormatLevel = -1;\n\n (scale as ScaleTime<number, number>).ticks().forEach((domainValue: Date) => {\n const formatLevel = getDateFormatLevel(domainValue, opts.useUTC);\n if (formatLevel > highestFormatLevel) {\n highestFormatLevel = formatLevel;\n }\n if (formatLevel < lowestFormatLevel) {\n lowestFormatLevel = formatLevel;\n }\n });\n const formatOptions =\n opts.dateLocalizeOptions ?? getMultiLevelDateTimeFormatOptions(lowestFormatLevel, highestFormatLevel);\n tickFormat = (domainValue: Date, index: number) => {\n if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n return opts.tickText[index];\n }\n if (isInvalidValue(opts.culture) && typeof opts.tickFormat === 'string') {\n if (opts.useUTC) {\n return d3UtcFormat(opts.tickFormat)(domainValue);\n } else {\n return d3TimeFormat(opts.tickFormat)(domainValue);\n }\n }\n return formatDateToLocaleString(domainValue, opts.culture, opts.useUTC, false, formatOptions);\n };\n if (opts.tickStep) {\n customTickValues = generateDateTicks(opts.tickStep, opts.tick0, scale.domain() as Date[], opts.useUTC);\n }\n } else {\n const defaultTickFormat = (scale as ScaleContinuousNumeric<number, number>).tickFormat(tickCount);\n tickFormat = (domainValue: NumberValue, index: number) => {\n if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n return opts.tickText[index];\n }\n if (typeof opts.tickFormat === 'string') {\n return d3Format(opts.tickFormat)(domainValue);\n }\n const value = typeof domainValue === 'number' ? domainValue : domainValue.valueOf();\n return defaultTickFormat(value) === '' ? '' : (formatToLocaleString(value, opts.culture) as string);\n };\n if (opts.tickStep) {\n customTickValues = generateNumericTicks(\n scaleType as AxisScaleType,\n opts.tickStep,\n opts.tick0,\n scale.domain() as number[],\n );\n }\n }\n const tickValues = customTickValues ?? scale.ticks(tickCount);\n\n return { scale, tickValues, tickLabels: tickValues.map(tickFormat) };\n};\n\nexport const getScaleType = (\n values: (string | number | Date)[],\n opts: {\n scaleType?: AxisScaleType;\n supportsLog?: boolean;\n } = {},\n): string => {\n let scaleType = 'category';\n if (typeof values[0] === 'number') {\n if (opts.supportsLog && opts.scaleType === 'log') {\n scaleType = 'log';\n } else {\n scaleType = 'linear';\n }\n } else if (values[0] instanceof Date) {\n scaleType = 'date';\n }\n return scaleType;\n};\n\nexport const getContinuousScaleDomain = (\n scaleType: string,\n values: (number | Date)[],\n opts: {\n rangeStart?: number | Date;\n rangeEnd?: number | Date;\n } = {},\n): (number | Date)[] => {\n let [min, max] = d3Extent(values.filter(v => isValidDomainValue(v, scaleType as AxisScaleType)) as (number | Date)[]);\n if (scaleType === 'linear') {\n [min, max] = d3Extent([min, max, 0] as number[]);\n }\n if (!isInvalidValue(opts.rangeStart)) {\n min = opts.rangeStart;\n }\n if (!isInvalidValue(opts.rangeEnd)) {\n max = opts.rangeEnd;\n }\n\n if (isInvalidValue(min) || isInvalidValue(max)) {\n return [];\n }\n return [min!, max!];\n};\n\nconst degToRad = (deg: number) => (deg * Math.PI) / 180;\n\nconst radToDeg = (rad: number) => (rad * 180) / Math.PI;\n\nconst normalizeAngle = (deg: number, direction: PolarChartProps['direction']) =>\n (((direction === 'clockwise' ? deg : 450 - deg) % 360) + 360) % 360;\n\nexport const createAngularScale = (\n scaleType: string,\n domain: (string | number | Date)[],\n opts: {\n tickCount?: number;\n tickValues?: (string | number | Date)[];\n tickText?: string[];\n tickFormat?: string;\n culture?: string;\n tickStep?: number | string;\n tick0?: number | Date;\n direction?: PolarChartProps['direction'];\n unit?: NonNullable<PolarChartProps['angularAxis']>['unit'];\n } = {},\n): { scale: (v: string | number) => number; tickValues: (string | number)[]; tickLabels: string[] } => {\n if (scaleType === 'category') {\n const categoryIndexMap: Record<string, number> = {};\n (domain as string[]).forEach((d, i) => {\n categoryIndexMap[d] = i;\n });\n const period = 360 / domain.length;\n const tickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as string[]) : (domain as string[]);\n const tickFormat = (domainValue: string, index: number) => {\n if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n return opts.tickText[index];\n }\n return domainValue;\n };\n return {\n scale: (v: string) => degToRad(normalizeAngle(categoryIndexMap[v] * period, opts.direction)),\n tickValues,\n tickLabels: tickValues.map(tickFormat),\n };\n }\n\n let customTickValues = Array.isArray(opts.tickValues) ? (opts.tickValues as number[]) : undefined;\n const tickFormat = (domainValue: number, index: number) => {\n if (Array.isArray(opts.tickValues) && Array.isArray(opts.tickText) && !isInvalidValue(opts.tickText[index])) {\n return opts.tickText[index];\n }\n if (typeof opts.tickFormat === 'string') {\n return d3Format(opts.tickFormat)(domainValue);\n }\n return formatAngle(domainValue, opts.unit);\n };\n if (opts.tickStep) {\n customTickValues = generateNumericTicks(scaleType as AxisScaleType, opts.tickStep, opts.tick0, [\n 0,\n (opts.unit === 'radians' ? 2 * Math.PI : 360) - EPSILON,\n ])?.map(v => (opts.unit === 'radians' ? radToDeg(v) : v));\n }\n const tickValues = customTickValues ?? d3Range(0, 360, 360 / (opts.tickCount ?? 8));\n\n return {\n scale: (v: number) => degToRad(normalizeAngle(v, opts.direction)),\n tickValues,\n tickLabels: tickValues.map(tickFormat),\n };\n};\n\nexport const formatAngle = (\n value: string | number,\n unit: NonNullable<PolarChartProps['angularAxis']>['unit'],\n): string =>\n typeof value === 'string'\n ? value\n : unit === 'radians'\n ? `${precisionRound(value / 180, 6)}π`\n : `${precisionRound(value, 6)}°`;\n"],"names":["scaleBand","d3ScaleBand","scaleLinear","d3ScaleLinear","scaleLog","d3ScaleLog","scaleTime","d3ScaleTime","scaleUtc","d3ScaleUtc","extent","d3Extent","range","d3Range","format","d3Format","generateDateTicks","generateNumericTicks","getDateFormatLevel","isValidDomainValue","precisionRound","isInvalidValue","formatToLocaleString","getMultiLevelDateTimeFormatOptions","formatDateToLocaleString","timeFormat","d3TimeFormat","utcFormat","d3UtcFormat","EPSILON","createRadialScale","scaleType","domain","opts","scale","paddingInner","tickValues","Array","isArray","tickFormat","domainValue","index","tickText","tickLabels","map","useUTC","nice","tickCount","customTickValues","undefined","lowestFormatLevel","highestFormatLevel","ticks","forEach","formatLevel","formatOptions","dateLocalizeOptions","culture","tickStep","tick0","defaultTickFormat","value","valueOf","getScaleType","values","supportsLog","Date","getContinuousScaleDomain","min","max","filter","v","rangeStart","rangeEnd","degToRad","deg","Math","PI","radToDeg","rad","normalizeAngle","direction","createAngularScale","categoryIndexMap","d","i","period","length","formatAngle","unit"],"mappings":"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"}

package/lib-commonjs/components/PolarChart/index.js ADDED Viewed

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

package/lib-commonjs/components/PolarChart/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../src/components/PolarChart/index.ts"],"sourcesContent":["export * from './PolarChart';\nexport * from './PolarChart.types';\n"],"names":[],"mappings":";;;;;uBAAc,eAAe;uBACf,qBAAqB"}

package/lib-commonjs/components/PolarChart/usePolarChartStyles.styles.js ADDED Viewed

@@ -0,0 +1,107 @@
+'use client';
+"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, {
+    polarChartClassNames: function() {
+        return polarChartClassNames;
+    },
+    usePolarChartStyles: function() {
+        return usePolarChartStyles;
+    }
+});
+const _react = require("@griffel/react");
+const polarChartClassNames = {
+    root: 'fui-polar__root',
+    chartWrapper: 'fui-polar__chartWrapper',
+    chart: 'fui-polar__chart',
+    gridLineInner: 'fui-polar__gridLineInner',
+    gridLineOuter: 'fui-polar__gridLineOuter',
+    tickLabel: 'fui-polar__tickLabel',
+    legendContainer: 'fui-polar__legendContainer'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    root: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Bt984gj: "f122n59",
+        a9b677: "fly5x3f",
+        Bqenvij: "f1l02sjl",
+        fsow6f: [
+            "f1o700av",
+            "fes3tcz"
+        ]
+    },
+    chart: {
+        mc9l5x: "ftgm304"
+    },
+    gridLine: {
+        Bkfmm31: "fb8ncra",
+        ojy3ng: "f1r2wt8h",
+        Be5yapy: "f1tnnsn7"
+    },
+    gridLineInner: {
+        abs64n: "f1d4fala"
+    },
+    gridLineOuter: {
+        abs64n: "f5p0z4x"
+    },
+    tickLabel: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "f13mqy1h",
+        Bhrd7zp: "fl43uef",
+        Bg96gwp: "fcpl73t",
+        Bkfmm31: "fhuob2q"
+    },
+    legendContainer: {
+        a9b677: "fly5x3f"
+    }
+}, {
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f22iagw{display:flex;}",
+        ".f1vx9l62{flex-direction:column;}",
+        ".f122n59{align-items:center;}",
+        ".fly5x3f{width:100%;}",
+        ".f1l02sjl{height:100%;}",
+        ".f1o700av{text-align:left;}",
+        ".fes3tcz{text-align:right;}",
+        ".ftgm304{display:block;}",
+        ".fb8ncra{fill:none;}",
+        ".f1r2wt8h{stroke:var(--colorNeutralForeground1);}",
+        ".f1tnnsn7{stroke-width:1px;}",
+        ".f1d4fala{opacity:0.2;}",
+        ".f5p0z4x{opacity:1;}",
+        ".f13mqy1h{font-size:var(--fontSizeBase100);}",
+        ".fl43uef{font-weight:var(--fontWeightSemibold);}",
+        ".fcpl73t{line-height:var(--lineHeightBase100);}",
+        ".fhuob2q{fill:var(--colorNeutralForeground1);}"
+    ]
+});
+const usePolarChartStyles = (props)=>{
+    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(polarChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        chartWrapper: (0, _react.mergeClasses)(polarChartClassNames.chartWrapper, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),
+        chart: (0, _react.mergeClasses)(polarChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),
+        gridLineInner: (0, _react.mergeClasses)(polarChartClassNames.gridLineInner, baseStyles.gridLine, baseStyles.gridLineInner, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.gridLineInner),
+        gridLineOuter: (0, _react.mergeClasses)(polarChartClassNames.gridLineOuter, baseStyles.gridLine, baseStyles.gridLineOuter, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.gridLineOuter),
+        tickLabel: (0, _react.mergeClasses)(polarChartClassNames.tickLabel, baseStyles.tickLabel, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.tickLabel),
+        legendContainer: (0, _react.mergeClasses)(polarChartClassNames.legendContainer, baseStyles.legendContainer, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.legendContainer)
+    };
+};

package/lib-commonjs/components/PolarChart/usePolarChartStyles.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["usePolarChartStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n/**\n * @internal\n */ export const polarChartClassNames = {\n root: 'fui-polar__root',\n chartWrapper: 'fui-polar__chartWrapper',\n chart: 'fui-polar__chart',\n gridLineInner: 'fui-polar__gridLineInner',\n gridLineOuter: 'fui-polar__gridLineOuter',\n tickLabel: 'fui-polar__tickLabel',\n legendContainer: 'fui-polar__legendContainer'\n};\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left'\n },\n chart: {\n display: 'block'\n },\n gridLine: {\n fill: 'none',\n stroke: tokens.colorNeutralForeground1,\n strokeWidth: '1px'\n },\n gridLineInner: {\n opacity: 0.2\n },\n gridLineOuter: {\n opacity: 1\n },\n tickLabel: {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1\n },\n legendContainer: {\n width: '100%'\n }\n});\n/**\n * Apply styling to the PolarChart component\n */ export const usePolarChartStyles = (props)=>{\n var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;\n const baseStyles = useStyles();\n return {\n root: mergeClasses(polarChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),\n chartWrapper: mergeClasses(polarChartClassNames.chartWrapper, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),\n chart: mergeClasses(polarChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),\n gridLineInner: mergeClasses(polarChartClassNames.gridLineInner, baseStyles.gridLine, baseStyles.gridLineInner, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.gridLineInner),\n gridLineOuter: mergeClasses(polarChartClassNames.gridLineOuter, baseStyles.gridLine, baseStyles.gridLineOuter, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.gridLineOuter),\n tickLabel: mergeClasses(polarChartClassNames.tickLabel, baseStyles.tickLabel, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.tickLabel),\n legendContainer: mergeClasses(polarChartClassNames.legendContainer, baseStyles.legendContainer, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.legendContainer)\n };\n};\n"],"names":["__styles","mergeClasses","tokens","typographyStyles","polarChartClassNames","root","chartWrapper","chart","gridLineInner","gridLineOuter","tickLabel","legendContainer","useStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","mc9l5x","Beiy3e4","Bt984gj","a9b677","Bqenvij","fsow6f","gridLine","Bkfmm31","ojy3ng","Be5yapy","abs64n","d","usePolarChartStyles","props","_props_styles","_props_styles1","_props_styles2","_props_styles3","_props_styles4","_props_styles5","_props_styles6","baseStyles","styles"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKKI,oBAAoB;;;uBA2CD;eAAnByB;;;uBA/CwB,gBAAgB;AAI9C,6BAA6B;IACpCxB,IAAI,EAAE,iBAAiB;IACvBC,YAAY,EAAE,yBAAyB;IACvCC,KAAK,EAAE,kBAAkB;IACzBC,aAAa,EAAE,0BAA0B;IACzCC,aAAa,EAAE,0BAA0B;IACzCC,SAAS,EAAE,sBAAsB;IACjCC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGZ,eAAA,EAAA;IAAAK,IAAA,EAAA;QAAAQ,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;IAAA;IAAAf,KAAA,EAAA;QAAAU,MAAA,EAAA;IAAA;IAAAM,QAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAlB,aAAA,EAAA;QAAAmB,MAAA,EAAA;IAAA;IAAAlB,aAAA,EAAA;QAAAkB,MAAA,EAAA;IAAA;IAAAjB,SAAA,EAAA;QAAAG,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAQ,OAAA,EAAA;IAAA;IAAAb,eAAA,EAAA;QAAAS,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAQ,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA+BjB,CAAC;AAGS,6BAA6BE,KAAK,IAAG;IAC5C,IAAIC,aAAa,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAEC,cAAc;IACjH,MAAMC,UAAU,GAAG1B,SAAS,CAAC,CAAC;IAC9B,OAAO;QACHP,IAAI,MAAEJ,mBAAY,EAACG,oBAAoB,CAACC,IAAI,EAAEiC,UAAU,CAACjC,IAAI,EAAE,CAAC0B,aAAa,GAAGD,KAAK,CAACS,MAAAA,AAAM,MAAM,IAAI,IAAIR,aAAa,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,aAAa,CAAC1B,IAAI,CAAC;QACjKC,YAAY,MAAEL,mBAAY,EAACG,oBAAoB,CAACE,YAAY,EAAE,CAAC0B,cAAc,GAAGF,KAAK,CAACS,MAAM,AAANA,MAAY,IAAI,IAAIP,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,YAAY,CAAC;QAC3KC,KAAK,MAAEN,mBAAY,EAACG,oBAAoB,CAACG,KAAK,EAAE+B,UAAU,CAAC/B,KAAK,EAAE,CAAC0B,cAAc,GAAGH,KAAK,CAACS,MAAAA,AAAM,MAAM,IAAI,IAAIN,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,KAAK,CAAC;QACxKC,aAAa,MAAEP,mBAAY,EAACG,oBAAoB,CAACI,aAAa,EAAE8B,UAAU,CAACf,QAAQ,EAAEe,UAAU,CAAC9B,aAAa,EAAE,CAAC0B,cAAc,GAAGJ,KAAK,CAACS,MAAAA,AAAM,MAAM,IAAI,IAAIL,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,aAAa,CAAC;QAC7NC,aAAa,MAAER,mBAAY,EAACG,oBAAoB,CAACK,aAAa,EAAE6B,UAAU,CAACf,QAAQ,EAAEe,UAAU,CAAC7B,aAAa,EAAE,CAAC0B,cAAc,GAAGL,KAAK,CAACS,MAAAA,AAAM,MAAM,IAAI,IAAIJ,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,aAAa,CAAC;QAC7NC,SAAS,MAAET,mBAAY,EAACG,oBAAoB,CAACM,SAAS,EAAE4B,UAAU,CAAC5B,SAAS,EAAE,CAAC0B,cAAc,GAAGN,KAAK,CAACS,MAAAA,AAAM,MAAM,IAAI,IAAIH,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,SAAS,CAAC;QACxLC,eAAe,MAAEV,mBAAY,EAACG,oBAAoB,CAACO,eAAe,EAAE2B,UAAU,CAAC3B,eAAe,EAAE,CAAC0B,cAAc,GAAGP,KAAK,CAACS,MAAAA,AAAM,MAAM,IAAI,IAAIF,cAAc,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,cAAc,CAAC1B,eAAe;IACnN,CAAC;AACL,CAAC"}

package/lib-commonjs/components/PolarChart/usePolarChartStyles.styles.raw.js ADDED Viewed

@@ -0,0 +1,75 @@
+'use client';
+"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, {
+    polarChartClassNames: function() {
+        return polarChartClassNames;
+    },
+    usePolarChartStyles: function() {
+        return usePolarChartStyles;
+    }
+});
+const _react = require("@griffel/react");
+const _reacttheme = require("@fluentui/react-theme");
+const polarChartClassNames = {
+    root: 'fui-polar__root',
+    chartWrapper: 'fui-polar__chartWrapper',
+    chart: 'fui-polar__chart',
+    gridLineInner: 'fui-polar__gridLineInner',
+    gridLineOuter: 'fui-polar__gridLineOuter',
+    tickLabel: 'fui-polar__tickLabel',
+    legendContainer: 'fui-polar__legendContainer'
+};
+const useStyles = (0, _react.makeStyles)({
+    root: {
+        ..._reacttheme.typographyStyles.body1,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        width: '100%',
+        height: '100%',
+        textAlign: 'left'
+    },
+    chart: {
+        display: 'block'
+    },
+    gridLine: {
+        fill: 'none',
+        stroke: _reacttheme.tokens.colorNeutralForeground1,
+        strokeWidth: '1px'
+    },
+    gridLineInner: {
+        opacity: 0.2
+    },
+    gridLineOuter: {
+        opacity: 1
+    },
+    tickLabel: {
+        ..._reacttheme.typographyStyles.caption2Strong,
+        fill: _reacttheme.tokens.colorNeutralForeground1
+    },
+    legendContainer: {
+        width: '100%'
+    }
+});
+const usePolarChartStyles = (props)=>{
+    var _props_styles, _props_styles1, _props_styles2, _props_styles3, _props_styles4, _props_styles5, _props_styles6;
+    const baseStyles = useStyles();
+    return {
+        root: (0, _react.mergeClasses)(polarChartClassNames.root, baseStyles.root, (_props_styles = props.styles) === null || _props_styles === void 0 ? void 0 : _props_styles.root),
+        chartWrapper: (0, _react.mergeClasses)(polarChartClassNames.chartWrapper, (_props_styles1 = props.styles) === null || _props_styles1 === void 0 ? void 0 : _props_styles1.chartWrapper),
+        chart: (0, _react.mergeClasses)(polarChartClassNames.chart, baseStyles.chart, (_props_styles2 = props.styles) === null || _props_styles2 === void 0 ? void 0 : _props_styles2.chart),
+        gridLineInner: (0, _react.mergeClasses)(polarChartClassNames.gridLineInner, baseStyles.gridLine, baseStyles.gridLineInner, (_props_styles3 = props.styles) === null || _props_styles3 === void 0 ? void 0 : _props_styles3.gridLineInner),
+        gridLineOuter: (0, _react.mergeClasses)(polarChartClassNames.gridLineOuter, baseStyles.gridLine, baseStyles.gridLineOuter, (_props_styles4 = props.styles) === null || _props_styles4 === void 0 ? void 0 : _props_styles4.gridLineOuter),
+        tickLabel: (0, _react.mergeClasses)(polarChartClassNames.tickLabel, baseStyles.tickLabel, (_props_styles5 = props.styles) === null || _props_styles5 === void 0 ? void 0 : _props_styles5.tickLabel),
+        legendContainer: (0, _react.mergeClasses)(polarChartClassNames.legendContainer, baseStyles.legendContainer, (_props_styles6 = props.styles) === null || _props_styles6 === void 0 ? void 0 : _props_styles6.legendContainer)
+    };
+};

package/lib-commonjs/components/PolarChart/usePolarChartStyles.styles.raw.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/components/PolarChart/usePolarChartStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { PolarChartStyles, PolarChartProps } from './PolarChart.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\n/**\n * @internal\n */\nexport const polarChartClassNames: SlotClassNames<PolarChartStyles> = {\n root: 'fui-polar__root',\n chartWrapper: 'fui-polar__chartWrapper',\n chart: 'fui-polar__chart',\n gridLineInner: 'fui-polar__gridLineInner',\n gridLineOuter: 'fui-polar__gridLineOuter',\n tickLabel: 'fui-polar__tickLabel',\n legendContainer: 'fui-polar__legendContainer',\n};\n\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.body1,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n width: '100%',\n height: '100%',\n textAlign: 'left',\n },\n\n chart: {\n display: 'block',\n },\n\n gridLine: {\n fill: 'none',\n stroke: tokens.colorNeutralForeground1,\n strokeWidth: '1px',\n },\n\n gridLineInner: {\n opacity: 0.2,\n },\n\n gridLineOuter: {\n opacity: 1,\n },\n\n tickLabel: {\n ...typographyStyles.caption2Strong,\n fill: tokens.colorNeutralForeground1,\n },\n\n legendContainer: {\n width: '100%',\n },\n});\n\n/**\n * Apply styling to the PolarChart component\n */\nexport const usePolarChartStyles = (props: PolarChartProps): PolarChartStyles => {\n const baseStyles = useStyles();\n\n return {\n root: mergeClasses(polarChartClassNames.root, baseStyles.root, props.styles?.root),\n chartWrapper: mergeClasses(polarChartClassNames.chartWrapper, props.styles?.chartWrapper),\n chart: mergeClasses(polarChartClassNames.chart, baseStyles.chart, props.styles?.chart),\n gridLineInner: mergeClasses(\n polarChartClassNames.gridLineInner,\n baseStyles.gridLine,\n baseStyles.gridLineInner,\n props.styles?.gridLineInner,\n ),\n gridLineOuter: mergeClasses(\n polarChartClassNames.gridLineOuter,\n baseStyles.gridLine,\n baseStyles.gridLineOuter,\n props.styles?.gridLineOuter,\n ),\n tickLabel: mergeClasses(polarChartClassNames.tickLabel, baseStyles.tickLabel, props.styles?.tickLabel),\n legendContainer: mergeClasses(\n polarChartClassNames.legendContainer,\n baseStyles.legendContainer,\n props.styles?.legendContainer,\n ),\n };\n};\n"],"names":["makeStyles","mergeClasses","tokens","typographyStyles","polarChartClassNames","root","chartWrapper","chart","gridLineInner","gridLineOuter","tickLabel","legendContainer","useStyles","body1","display","flexDirection","alignItems","width","height","textAlign","gridLine","fill","stroke","colorNeutralForeground1","strokeWidth","opacity","caption2Strong","usePolarChartStyles","props","baseStyles","styles"],"mappings":"AAAA;;;;;;;;;;;;IAUaI,oBAAAA;;;uBAoDAuB;eAAAA;;;uBA5D4B,iBAAiB;4BAGjB,wBAAwB;AAK1D,6BAA+D;IACpEtB,MAAM;IACNC,cAAc;IACdC,OAAO;IACPC,eAAe;IACfC,eAAe;IACfC,WAAW;IACXC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,YAAYZ,qBAAAA,EAAW;IAC3BK,MAAM;QACJ,GAAGF,4BAAAA,CAAiBU,KAAK;QACzBC,SAAS;QACTC,eAAe;QACfC,YAAY;QACZC,OAAO;QACPC,QAAQ;QACRC,WAAW;IACb;IAEAZ,OAAO;QACLO,SAAS;IACX;IAEAM,UAAU;QACRC,MAAM;QACNC,QAAQpB,kBAAAA,CAAOqB,uBAAuB;QACtCC,aAAa;IACf;IAEAhB,eAAe;QACbiB,SAAS;IACX;IAEAhB,eAAe;QACbgB,SAAS;IACX;IAEAf,WAAW;QACT,GAAGP,4BAAAA,CAAiBuB,cAAc;QAClCL,MAAMnB,kBAAAA,CAAOqB,uBAAuB;IACtC;IAEAZ,iBAAiB;QACfM,OAAO;IACT;AACF;AAKO,4BAA4B,CAACW;QAI+BA,eACDA,gBACIA,gBAKhEA,gBAMAA,gBAE4EA,gBAI5EA;IAtBJ,MAAMC,aAAajB;IAEnB,OAAO;QACLP,UAAMJ,mBAAAA,EAAaG,qBAAqBC,IAAI,EAAEwB,WAAWxB,IAAI,EAAA,AAAEuB,iBAAAA,MAAME,MAAM,AAANA,MAAM,QAAZF,kBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,cAAcvB,IAAI;QACjFC,kBAAcL,mBAAAA,EAAaG,qBAAqBE,YAAY,EAAA,CAAEsB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAActB,YAAY;QACxFC,OAAON,uBAAAA,EAAaG,qBAAqBG,KAAK,EAAEsB,WAAWtB,KAAK,EAAA,CAAEqB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcrB,KAAK;QACrFC,mBAAeP,mBAAAA,EACbG,qBAAqBI,aAAa,EAClCqB,WAAWT,QAAQ,EACnBS,WAAWrB,aAAa,EAAA,AACxBoB,kBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcpB,aAAa;QAE7BC,mBAAeR,mBAAAA,EACbG,qBAAqBK,aAAa,EAClCoB,WAAWT,QAAQ,EACnBS,WAAWpB,aAAa,EAAA,CACxBmB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcnB,aAAa;QAE7BC,eAAWT,mBAAAA,EAAaG,qBAAqBM,SAAS,EAAEmB,WAAWnB,SAAS,EAAA,CAAEkB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAclB,SAAS;QACrGC,qBAAiBV,mBAAAA,EACfG,qBAAqBO,eAAe,EACpCkB,WAAWlB,eAAe,EAAA,CAC1BiB,iBAAAA,MAAME,MAAAA,AAAM,MAAA,QAAZF,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAcjB,eAAe;IAEjC;AACF,EAAE"}