Remove all Hammer.JS usages & references (#3229)

<!--
Description and motivation for this PR.

Include 'Fixes #<number>' if this is fixing some issue.
-->

Removed legacy `Hammer.JS` web implementation, all it's usages and
references.
Removed `enableLegacyWebImplementation`.
Removed `isNewWebImplementationEnabled`. It's not abundantly clear at
first, but it's an internal function.

Author: latekvo

packages/docs-gesture-handler/docs/fundamentals/installation.md

@@ -121,15 +121,7 @@ cd ios && pod install && cd ..
 
 #### Web
 
-There is no additional configuration required for the web, however, since the Gesture Handler 2.10.0 the new web implementation is enabled by default. We recommend you to check if the gestures in your app are working as expected since their behavior should now resemble the native platforms. If you don't want to use the new implementation, you can still revert back to the legacy one by enabling it at the beginning of your `index.js` file:
-
-```js
-import { enableLegacyWebImplementation } from 'react-native-gesture-handler';
-
-enableLegacyWebImplementation(true);
-```
-
-Nonetheless, it's recommended to adapt to the new implementation, as the legacy one will be dropped in the next major release of Gesture Handler.
+There is no additional configuration required for the web.
 
 #### With [wix/react-native-navigation](https://github.com/wix/react-native-navigation)
 

packages/react-native-gesture-handler/package.json

@@ -70,7 +70,6 @@
   },
   "homepage": "https://github.com/software-mansion/react-native-gesture-handler#readme",
   "dependencies": {
-    "@egjs/hammerjs": "^2.0.17",
     "hoist-non-react-statics": "^3.3.0",
     "invariant": "^2.2.4"
   },

packages/react-native-gesture-handler/src/EnableNewWebImplementation.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 
 import type { ActionType } from './ActionType';
-import { isNewWebImplementationEnabled } from './EnableNewWebImplementation';
-import { Gestures, HammerGestures } from './web/Gestures';
+import { Gestures } from './web/Gestures';
 import type { Config } from './web/interfaces';
 import InteractionManager from './web/tools/InteractionManager';
 import NodeManager from './web/tools/NodeManager';
-import * as HammerNodeManager from './web_hammer/NodeManager';
 import { GestureHandlerWebDelegate } from './web/tools/GestureHandlerWebDelegate';
 
 // init method is called inside attachGestureHandler function. However, this function may
@@ -28,36 +26,21 @@ export default {
     handlerTag: number,
     config: T
   ) {
-    if (isNewWebImplementationEnabled()) {
-      if (!(handlerName in Gestures)) {
-        throw new Error(
-          `react-native-gesture-handler: ${handlerName} is not supported on web.`
-        );
-      }
-
-      const GestureClass = Gestures[handlerName];
-      NodeManager.createGestureHandler(
-        handlerTag,
-        new GestureClass(new GestureHandlerWebDelegate())
-      );
-      InteractionManager.instance.configureInteractions(
-        NodeManager.getHandler(handlerTag),
-        config as unknown as Config
+    if (!(handlerName in Gestures)) {
+      throw new Error(
+        `react-native-gesture-handler: ${handlerName} is not supported on web.`
       );
-    } else {
-      if (!(handlerName in HammerGestures)) {
-        throw new Error(
-          `react-native-gesture-handler: ${handlerName} is not supported on web.`
-        );
-      }
-
-      // @ts-ignore If it doesn't exist, the error is thrown
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      const GestureClass = HammerGestures[handlerName];
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-      HammerNodeManager.createGestureHandler(handlerTag, new GestureClass());
     }
 
+    const GestureClass = Gestures[handlerName];
+    NodeManager.createGestureHandler(
+      handlerTag,
+      new GestureClass(new GestureHandlerWebDelegate())
+    );
+    InteractionManager.instance.configureInteractions(
+      NodeManager.getHandler(handlerTag),
+      config as unknown as Config
+    );
     this.updateGestureHandler(handlerTag, config as unknown as Config);
   },
   attachGestureHandler(
@@ -70,9 +53,7 @@ export default {
     if (!(newView instanceof Element || newView instanceof React.Component)) {
       shouldPreventDrop = true;
 
-      const handler = isNewWebImplementationEnabled()
-        ? NodeManager.getHandler(handlerTag)
-        : HammerNodeManager.getHandler(handlerTag);
+      const handler = NodeManager.getHandler(handlerTag);
 
       const handlerName = handler.constructor.name;
 
@@ -81,43 +62,26 @@ export default {
       );
     }
 
-    if (isNewWebImplementationEnabled()) {
-      // @ts-ignore Types should be HTMLElement or React.Component
-      NodeManager.getHandler(handlerTag).init(newView, propsRef);
-    } else {
-      // @ts-ignore Types should be HTMLElement or React.Component
-      HammerNodeManager.getHandler(handlerTag).setView(newView, propsRef);
-    }
+    // @ts-ignore Types should be HTMLElement or React.Component
+    NodeManager.getHandler(handlerTag).init(newView, propsRef);
   },
   updateGestureHandler(handlerTag: number, newConfig: Config) {
-    if (isNewWebImplementationEnabled()) {
-      NodeManager.getHandler(handlerTag).updateGestureConfig(newConfig);
+    NodeManager.getHandler(handlerTag).updateGestureConfig(newConfig);
 
-      InteractionManager.instance.configureInteractions(
-        NodeManager.getHandler(handlerTag),
-        newConfig
-      );
-    } else {
-      HammerNodeManager.getHandler(handlerTag).updateGestureConfig(newConfig);
-    }
+    InteractionManager.instance.configureInteractions(
+      NodeManager.getHandler(handlerTag),
+      newConfig
+    );
   },
   getGestureHandlerNode(handlerTag: number) {
-    if (isNewWebImplementationEnabled()) {
-      return NodeManager.getHandler(handlerTag);
-    } else {
-      return HammerNodeManager.getHandler(handlerTag);
-    }
+    return NodeManager.getHandler(handlerTag);
   },
   dropGestureHandler(handlerTag: number) {
     if (shouldPreventDrop) {
       return;
     }
 
-    if (isNewWebImplementationEnabled()) {
-      NodeManager.dropGestureHandler(handlerTag);
-    } else {
-      HammerNodeManager.dropGestureHandler(handlerTag);
-    }
+    NodeManager.dropGestureHandler(handlerTag);
   },
   // eslint-disable-next-line @typescript-eslint/no-empty-function
   flushOperations() {},

packages/react-native-gesture-handler/src/RNGestureHandlerModule.web.ts

@@ -17,7 +17,6 @@ import {
   HandlerStateChangeEvent,
   baseGestureHandlerWithDetectorProps,
 } from '../../gestureHandlerCommon';
-import { isNewWebImplementationEnabled } from '../../../EnableNewWebImplementation';
 import { RNRenderer } from '../../../RNRenderer';
 import { useCallback, useRef, useState } from 'react';
 import { Reanimated } from '../reanimatedWrapper';
@@ -172,10 +171,8 @@ export function useWebEventHandlers() {
     onGestureHandlerEvent: (e: HandlerStateChangeEvent<unknown>) => {
       onGestureHandlerEvent(e.nativeEvent);
     },
-    onGestureHandlerStateChange: isNewWebImplementationEnabled()
-      ? (e: HandlerStateChangeEvent<unknown>) => {
-          onGestureHandlerEvent(e.nativeEvent);
-        }
-      : undefined,
+    onGestureHandlerStateChange: (e: HandlerStateChangeEvent<unknown>) => {
+      onGestureHandlerEvent(e.nativeEvent);
+    },
   });
 }

packages/react-native-gesture-handler/src/handlers/gestures/GestureDetector/utils.ts

@@ -161,9 +161,4 @@ export type {
 } from './components/DrawerLayout';
 export { default as DrawerLayout } from './components/DrawerLayout';
 
-export {
-  enableExperimentalWebImplementation,
-  enableLegacyWebImplementation,
-} from './EnableNewWebImplementation';
-
 initialize();

packages/react-native-gesture-handler/src/index.ts

@@ -9,15 +9,6 @@ import NativeViewGestureHandler from './handlers/NativeViewGestureHandler';
 import ManualGestureHandler from './handlers/ManualGestureHandler';
 import HoverGestureHandler from './handlers/HoverGestureHandler';
 
-// Hammer Handlers
-import HammerNativeViewGestureHandler from '../web_hammer/NativeViewGestureHandler';
-import HammerPanGestureHandler from '../web_hammer/PanGestureHandler';
-import HammerTapGestureHandler from '../web_hammer/TapGestureHandler';
-import HammerLongPressGestureHandler from '../web_hammer/LongPressGestureHandler';
-import HammerPinchGestureHandler from '../web_hammer/PinchGestureHandler';
-import HammerRotationGestureHandler from '../web_hammer/RotationGestureHandler';
-import HammerFlingGestureHandler from '../web_hammer/FlingGestureHandler';
-
 export const Gestures = {
   NativeViewGestureHandler,
   PanGestureHandler,
@@ -29,13 +20,3 @@ export const Gestures = {
   ManualGestureHandler,
   HoverGestureHandler,
 };
-
-export const HammerGestures = {
-  NativeViewGestureHandler: HammerNativeViewGestureHandler,
-  PanGestureHandler: HammerPanGestureHandler,
-  TapGestureHandler: HammerTapGestureHandler,
-  LongPressGestureHandler: HammerLongPressGestureHandler,
-  PinchGestureHandler: HammerPinchGestureHandler,
-  RotationGestureHandler: HammerRotationGestureHandler,
-  FlingGestureHandler: HammerFlingGestureHandler,
-};