feat(pie): fix typings for arc mouse handlers

plouc · Dec 18, 2020 · 4d3d303 · 4d3d303
1 parent b14ffcd
commit 4d3d303
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/packages/arcs/src/useArcGenerator.ts b/packages/arcs/src/useArcGenerator.ts
@@ -5,11 +5,11 @@ import { ArcGenerator, Arc } from './types'
 /**
  * Memoize a d3 arc generator.
  *
- * Please note that both inner/outer radius should come
- * aren't static and should come from the arc itself,
- * while it requires more props on the arcs, it provides
- * more flexibility because it's not limited to pie then
- * but can also works with charts such as sunbursts.
+ * Please note that both inner/outer radius aren't static
+ * and should come from the arc itself, while it requires
+ * more props on the arcs, it provides more flexibility
+ * because it's not limited to pie then but can also works
+ * with charts such as sunbursts.
  */
 export const useArcGenerator = ({
     cornerRadius = 0,

diff --git a/packages/pie/src/Slices.tsx b/packages/pie/src/Slices.tsx
@@ -39,15 +39,15 @@ export const Slices = <RawDatum,>({
     const handleClick = useMemo(() => {
         if (!isInteractive) return undefined
 
-        return (datum: ComputedDatum<RawDatum>, event: any) => {
+        return (datum: ComputedDatum<RawDatum>, event: React.MouseEvent<SVGPathElement>) => {
             onClick?.(datum, event)
         }
     }, [isInteractive, onClick])
 
     const handleMouseEnter = useMemo(() => {
         if (!isInteractive) return undefined
 
-        return (datum: ComputedDatum<RawDatum>, event: any) => {
+        return (datum: ComputedDatum<RawDatum>, event: React.MouseEvent<SVGPathElement>) => {
             showTooltipFromEvent(createElement(tooltip, { datum }), event)
             setActiveId(datum.id)
             onMouseEnter?.(datum, event)
@@ -57,7 +57,7 @@ export const Slices = <RawDatum,>({
     const handleMouseMove = useMemo(() => {
         if (!isInteractive) return undefined
 
-        return (datum: ComputedDatum<RawDatum>, event: any) => {
+        return (datum: ComputedDatum<RawDatum>, event: React.MouseEvent<SVGPathElement>) => {
             showTooltipFromEvent(createElement(tooltip, { datum }), event)
             onMouseMove?.(datum, event)
         }
@@ -66,7 +66,7 @@ export const Slices = <RawDatum,>({
     const handleMouseLeave = useMemo(() => {
         if (!isInteractive) return undefined
 
-        return (datum: ComputedDatum<RawDatum>, event: any) => {
+        return (datum: ComputedDatum<RawDatum>, event: React.MouseEvent<SVGPathElement>) => {
             hideTooltip()
             setActiveId(null)
             onMouseLeave?.(datum, event)