Revert "(PC-22272) feat(accessibility): enable cmd + clic for Touchab…

…leLink in web (#5078)" (#5092)

This reverts commit b5bae8f.

src/ui/components/touchableLink/TouchableLink.tsx

@@ -1,12 +1,11 @@
 import debounce from 'lodash/debounce'
 import React, { createRef, ElementType, useCallback, useEffect } from 'react'
-import { NativeSyntheticEvent, Platform, TargetedEvent } from 'react-native'
+import { GestureResponderEvent, NativeSyntheticEvent, Platform, TargetedEvent } from 'react-native'
 import styled from 'styled-components/native'
 
 import { accessibilityAndTestId } from 'libs/accessibilityAndTestId'
 import { useHandleFocus } from 'libs/hooks/useHandleFocus'
 import { useHandleHover } from 'libs/hooks/useHandleHover'
-import { handleNavigationWrapper } from 'ui/components/touchableLink/handleNavigationWrapper'
 import { TouchableLinkProps } from 'ui/components/touchableLink/types'
 import { TouchableOpacity } from 'ui/components/TouchableOpacity'
 // eslint-disable-next-line no-restricted-imports
@@ -46,7 +45,12 @@ export function TouchableLink({
       ? { ...linkProps, accessibilityRole: undefined }
       : { accessibilityRole: 'link' }
 
-  const onClick = handleNavigationWrapper({ onBeforeNavigate, onAfterNavigate, handleNavigation })
+  async function onClick(event: GestureResponderEvent) {
+    Platform.OS === 'web' && event?.preventDefault()
+    if (onBeforeNavigate) await onBeforeNavigate(event)
+    handleNavigation()
+    if (onAfterNavigate) await onAfterNavigate(event)
+  }
 
   const onLinkFocus = useCallback(
     (e: NativeSyntheticEvent<TargetedEvent>) => {

src/ui/components/touchableLink/types.ts

@@ -37,8 +37,8 @@ type AsProps = {
 } & Record<string, unknown>
 
 type TouchableLinkGenericProps = {
-  onBeforeNavigate?: (event: GestureResponderEvent | MouseEvent) => void
-  onAfterNavigate?: (event: GestureResponderEvent | MouseEvent) => void
+  onBeforeNavigate?: (event: GestureResponderEvent) => void
+  onAfterNavigate?: (event: GestureResponderEvent) => void
   highlight?: boolean // If true, uses TouchableHighlight instead of TouchableOpacity to render component
   hoverUnderlineColor?: ColorsEnum // Color to be used for underline effect on hover. Black if not specified
   isOnPressDebounced?: boolean
@@ -62,8 +62,3 @@ export type TouchableLinkProps = TouchableLinkGenericProps & {
         target: string
       }
 }
-
-export type HandleNavigationWrapperProps = Pick<
-  TouchableLinkProps,
-  'handleNavigation' | 'onBeforeNavigate' | 'onAfterNavigate'
->