({
pixelRatio = canvasDefaultProps.pixelRatio,
margin: partialMargin,
data,
keys,
width,
height,
label = canvasDefaultProps.label,
valueFormat,
innerRadiusRatio = canvasDefaultProps.innerRadiusRatio,
innerRadiusOffset = canvasDefaultProps.innerRadiusOffset,
padAngle = canvasDefaultProps.padAngle,
layers = canvasDefaultProps.layers,
colors = canvasDefaultProps.colors,
arcBorderWidth = canvasDefaultProps.arcBorderWidth,
arcBorderColor = canvasDefaultProps.arcBorderColor,
arcOpacity = canvasDefaultProps.arcOpacity,
activeArcOpacity = canvasDefaultProps.activeArcOpacity,
inactiveArcOpacity = canvasDefaultProps.inactiveArcOpacity,
arcTooltip = canvasDefaultProps.arcTooltip,
ribbonBorderWidth = canvasDefaultProps.ribbonBorderWidth,
ribbonBorderColor = canvasDefaultProps.ribbonBorderColor,
ribbonOpacity = canvasDefaultProps.ribbonOpacity,
activeRibbonOpacity = canvasDefaultProps.activeRibbonOpacity,
inactiveRibbonOpacity = canvasDefaultProps.inactiveRibbonOpacity,
enableLabel = canvasDefaultProps.enableLabel,
labelOffset = canvasDefaultProps.labelOffset,
labelRotation = canvasDefaultProps.labelRotation,
labelTextColor = canvasDefaultProps.labelTextColor,
isInteractive = canvasDefaultProps.isInteractive,
onArcMouseEnter,
onArcMouseMove,
onArcMouseLeave,
onArcClick,
legends = canvasDefaultProps.legends,
role,
forwardedRef,
}: InnerChordCanvasProps)
| 49 | } |
| 50 | |
| 51 | const InnerChordCanvas = ({ |
| 52 | pixelRatio = canvasDefaultProps.pixelRatio, |
| 53 | margin: partialMargin, |
| 54 | data, |
| 55 | keys, |
| 56 | width, |
| 57 | height, |
| 58 | label = canvasDefaultProps.label, |
| 59 | valueFormat, |
| 60 | innerRadiusRatio = canvasDefaultProps.innerRadiusRatio, |
| 61 | innerRadiusOffset = canvasDefaultProps.innerRadiusOffset, |
| 62 | padAngle = canvasDefaultProps.padAngle, |
| 63 | layers = canvasDefaultProps.layers, |
| 64 | colors = canvasDefaultProps.colors, |
| 65 | arcBorderWidth = canvasDefaultProps.arcBorderWidth, |
| 66 | arcBorderColor = canvasDefaultProps.arcBorderColor, |
| 67 | arcOpacity = canvasDefaultProps.arcOpacity, |
| 68 | activeArcOpacity = canvasDefaultProps.activeArcOpacity, |
| 69 | inactiveArcOpacity = canvasDefaultProps.inactiveArcOpacity, |
| 70 | arcTooltip = canvasDefaultProps.arcTooltip, |
| 71 | ribbonBorderWidth = canvasDefaultProps.ribbonBorderWidth, |
| 72 | ribbonBorderColor = canvasDefaultProps.ribbonBorderColor, |
| 73 | ribbonOpacity = canvasDefaultProps.ribbonOpacity, |
| 74 | activeRibbonOpacity = canvasDefaultProps.activeRibbonOpacity, |
| 75 | inactiveRibbonOpacity = canvasDefaultProps.inactiveRibbonOpacity, |
| 76 | enableLabel = canvasDefaultProps.enableLabel, |
| 77 | labelOffset = canvasDefaultProps.labelOffset, |
| 78 | labelRotation = canvasDefaultProps.labelRotation, |
| 79 | labelTextColor = canvasDefaultProps.labelTextColor, |
| 80 | isInteractive = canvasDefaultProps.isInteractive, |
| 81 | onArcMouseEnter, |
| 82 | onArcMouseMove, |
| 83 | onArcMouseLeave, |
| 84 | onArcClick, |
| 85 | legends = canvasDefaultProps.legends, |
| 86 | role, |
| 87 | forwardedRef, |
| 88 | }: InnerChordCanvasProps) => { |
| 89 | const canvasEl = useRef<HTMLCanvasElement | null>(null) |
| 90 | |
| 91 | const { innerWidth, innerHeight, outerWidth, outerHeight, margin } = useDimensions( |
| 92 | width, |
| 93 | height, |
| 94 | partialMargin |
| 95 | ) |
| 96 | |
| 97 | const { center, radius, innerRadius, arcGenerator, ribbonGenerator, arcs, ribbons } = useChord({ |
| 98 | data, |
| 99 | keys, |
| 100 | label, |
| 101 | valueFormat, |
| 102 | width: innerWidth, |
| 103 | height: innerHeight, |
| 104 | innerRadiusRatio, |
| 105 | innerRadiusOffset, |
| 106 | padAngle, |
| 107 | colors, |
| 108 | }) |
nothing calls this directly
no test coverage detected