feat(chord): use arc hover detection from @nivo/arcs

packages/chord/package.json

@@ -28,6 +28,7 @@
     "dist/"
   ],
   "dependencies": {
+    "@nivo/arcs": "0.66.0",
     "@nivo/colors": "0.67.0",
     "@nivo/legends": "0.67.0",
     "@nivo/tooltip": "0.67.0",

packages/chord/src/Chord.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { Fragment } from 'react'
 import { withContainer, SvgWrapper, useDimensions, useTheme } from '@nivo/core'
 import { useInheritedColor } from '@nivo/colors'

packages/chord/src/ChordArc.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo, useMemo } from 'react'
 import PropTypes from 'prop-types'
 import { useTooltip } from '@nivo/tooltip'

packages/chord/src/ChordArcTooltip.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo } from 'react'
 import PropTypes from 'prop-types'
 import { BasicTooltip } from '@nivo/tooltip'

packages/chord/src/ChordArcs.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo } from 'react'
 import PropTypes from 'prop-types'
 import { TransitionMotion, spring } from 'react-motion'

packages/chord/src/ChordCanvas.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo, useRef, useEffect, useCallback } from 'react'
 import {
     withContainer,
@@ -15,8 +7,8 @@ import {
     getPolarLabelProps,
     degreesToRadians,
     getRelativeCursor,
-    getHoveredArc,
 } from '@nivo/core'
+import { findArcUnderCursor } from '@nivo/arcs'
 import { useInheritedColor } from '@nivo/colors'
 import { renderLegendToCanvas } from '@nivo/legends'
 import { useTooltip } from '@nivo/tooltip'
@@ -28,7 +20,7 @@ const getArcFromMouseEvent = ({ event, canvasEl, center, margin, radius, innerRa
     const centerX = margin.left + center[0]
     const centerY = margin.top + center[1]
 
-    return getHoveredArc(centerX, centerY, radius, innerRadius, arcs, x, y)
+    return findArcUnderCursor(centerX, centerY, radius, innerRadius, arcs, x, y)
 }
 
 const ChordCanvas = memo(

packages/chord/src/ChordLabels.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import PropTypes from 'prop-types'
 import { TransitionMotion, spring } from 'react-motion'

packages/chord/src/ChordRibbon.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo, useMemo } from 'react'
 import PropTypes from 'prop-types'
 import { blendModePropType } from '@nivo/core'

packages/chord/src/ChordRibbonTooltip.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo } from 'react'
 import PropTypes from 'prop-types'
 import { useTheme } from '@nivo/core'

packages/chord/src/ChordRibbons.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React, { memo } from 'react'
 import PropTypes from 'prop-types'
 import mapValues from 'lodash/mapValues'

packages/chord/src/ResponsiveChord.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import { ResponsiveWrapper } from '@nivo/core'
 import Chord from './Chord'

packages/chord/src/ResponsiveChordCanvas.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import React from 'react'
 import { ResponsiveWrapper } from '@nivo/core'
 import ChordCanvas from './ChordCanvas'

packages/chord/src/compute.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import { arc as d3Arc } from 'd3-shape'
 import { chord as d3Chord, ribbon as d3Ribbon } from 'd3-chord'
 

packages/chord/src/hooks.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import { useMemo, useState } from 'react'
 import { useValueFormatter, getLabelGenerator } from '@nivo/core'
 import { useOrdinalColorScale } from '@nivo/colors'

packages/chord/src/index.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 export { default as Chord } from './Chord'
 export { default as ChordCanvas } from './ChordCanvas'
 export { default as ResponsiveChord } from './ResponsiveChord'

packages/chord/src/props.js

@@ -1,11 +1,3 @@
-/*
- * This file is part of the nivo project.
- *
- * Copyright 2016-present, Raphaël Benitte.
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */
 import PropTypes from 'prop-types'
 import { blendModePropType, motionPropTypes } from '@nivo/core'
 import { ordinalColorsPropType, inheritedColorPropType } from '@nivo/colors'

packages/pie/src/PieCanvas.tsx

@@ -13,7 +13,6 @@ import {
 // @ts-ignore
 import { renderLegendToCanvas } from '@nivo/legends'
 import { useInheritedColor, InheritedColorConfig } from '@nivo/colors'
-// @ts-ignore
 import { useTooltip } from '@nivo/tooltip'
 import { Arc, findArcUnderCursor } from '@nivo/arcs'
 import { useNormalizedData, usePieFromBox, usePieRadialLabels } from './hooks'