diff --git a/packages/tabs/src/Tabs/Tabs.tsx b/packages/tabs/src/Tabs/Tabs.tsx index cd0a020251..78f199594a 100644 --- a/packages/tabs/src/Tabs/Tabs.tsx +++ b/packages/tabs/src/Tabs/Tabs.tsx @@ -81,7 +81,7 @@ const Tabs = (props: AccessibleTabsProps) => { [children], ); - const handleChange = useCallback( + const handleClickTab = useCallback( (e: React.SyntheticEvent, index: number) => { setSelected?.(index); }, @@ -96,7 +96,7 @@ const Tabs = (props: AccessibleTabsProps) => { return [enabledIndexes, enabledIndexes.indexOf(selected!)]; }, [childrenArray, selected]); - const handleArrowKeyPress = useCallback( + const handleKeyDown = useCallback( (e: KeyboardEvent) => { if (!(e.metaKey || e.ctrlKey)) { if (e.key === keyMap.ArrowRight) { @@ -129,12 +129,12 @@ const Tabs = (props: AccessibleTabsProps) => { name, onKeyDown: (event: KeyboardEvent) => { onKeyDown?.(event); - handleArrowKeyPress(event); + handleKeyDown(event); }, onClick: !disabled ? (event: React.MouseEvent, index: number) => { onClick?.(event); - handleChange(event, index); + handleClickTab(event, index); } : undefined, selectedIndex: selected,