feat(bar): remove bar item focus handler event as it's not used

Author: plouc

packages/bar/src/Bar.tsx

@@ -1,12 +1,6 @@
 import { Axes, Grid } from '@nivo/axes'
 import { BarAnnotations } from './BarAnnotations'
-import {
-    BarDatum,
-    BarLayer,
-    BarLayerId,
-    BarSvgProps,
-    ComputedBarDatumWithValue,
-} from './types'
+import { BarDatum, BarLayer, BarLayerId, BarSvgProps, ComputedBarDatumWithValue } from './types'
 import { BarLegends } from './BarLegends'
 import {
     // @ts-ignore

packages/bar/src/BarItem.tsx

@@ -1,6 +1,6 @@
 import { BarDatum, BarItemProps } from './types'
 import { animated, to } from '@react-spring/web'
-import { createElement, FocusEvent, MouseEvent, useCallback, useMemo } from 'react'
+import { createElement, MouseEvent, useCallback, useMemo } from 'react'
 import { useTheme } from '@nivo/core'
 import { useTooltip } from '@nivo/tooltip'
 
@@ -72,13 +72,10 @@ export const BarItem = <RawDatum extends BarDatum>({
     )
 
     // extra handlers to allow keyboard navigation
-    const handleFocus = useCallback(
-        (event: FocusEvent<SVGRectElement>) => {
-            console.log(bar)
-            showTooltipAt(renderTooltip(), [bar.x, bar.y])
-        },
-        [showTooltipAt, renderTooltip, bar]
-    )
+    const handleFocus = useCallback(() => {
+        console.log(bar)
+        showTooltipAt(renderTooltip(), [bar.x, bar.y])
+    }, [showTooltipAt, renderTooltip, bar])
     const handleBlur = useCallback(() => {
         hideTooltip()
     }, [hideTooltip])

packages/bar/src/BarLegends.tsx

@@ -8,12 +8,7 @@ interface BarLegendsProps {
     toggleSerie: (id: string | number) => void
 }
 
-export const BarLegends = ({
-    width,
-    height,
-    legends,
-    toggleSerie,
-}: BarLegendsProps) => (
+export const BarLegends = ({ width, height, legends, toggleSerie }: BarLegendsProps) => (
     <>
         {legends.map(([legend, data], i) => (
             <BoxLegendSvg