@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1 → 2.12.6-1

package/lib/commonjs/handlers/createHandler.js

@@ -4,41 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createHandler;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-
-var _RNGestureHandlerModule = _interopRequireDefault(require("../RNGestureHandlerModule"));
-
-var _State = require("../State");
-
-var _handlersRegistry = require("./handlersRegistry");
-
-var _gestureHandlerCommon = require("./gestureHandlerCommon");
-
-var _utils = require("../utils");
-
-var _ActionType = require("../ActionType");
-
-var _PressabilityDebugView = require("./PressabilityDebugView");
-
-var _GestureHandlerRootViewContext = _interopRequireDefault(require("../GestureHandlerRootViewContext"));
-
-var _ghQueueMicrotask = require("../ghQueueMicrotask");
-
-var _UIManagerAny$getView, _UIManagerAny$getView2, _UIManagerAny$getCons;
-
+var _RNGestureHandlerModule = require("../RNGestureHandlerModule");
+var _State = require("react-native-gesture-handler/src/State");
+var _handlersRegistry = require("react-native-gesture-handler/src/handlers/handlersRegistry");
+var _gestureHandlerCommon = require("react-native-gesture-handler/src/handlers/gestureHandlerCommon");
+var _gestureHandlerCommon2 = require("../handlers/gestureHandlerCommon");
+var _utils = require("react-native-gesture-handler/src/utils");
+var _ActionType = require("react-native-gesture-handler/src/ActionType");
+var _PressabilityDebugView = require("react-native-gesture-handler/src/handlers/PressabilityDebugView");
+var _GestureHandlerRootViewContext = _interopRequireDefault(require("react-native-gesture-handler/src/GestureHandlerRootViewContext"));
+var _UIManagerAny$getView, _UIManagerAny$getCons; // RNGH: patching the import to RNGestureHandlerModule
+// @ts-ignore - it isn't typed by TS & don't have definitelyTyped types
+// RNGH: patch
+// RNGH: patch
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const UIManagerAny = _reactNative.UIManager;
 const customGHEventsConfigFabricAndroid = {
   topOnGestureHandlerEvent: {
@@ -64,68 +48,63 @@ const customGHEventsConfig = {
   // Without this piece of code below, you'll get the following JS error:
   // Unsupported top level event type "topOnGestureHandlerEvent" dispatched
   ...((0, _utils.isFabric)() && _reactNative.Platform.OS === 'android' && customGHEventsConfigFabricAndroid)
-}; // Add gesture specific events to genericDirectEventTypes object exported from UIManager
+};
+
+// Add gesture specific events to genericDirectEventTypes object exported from UIManager
 // native module.
 // Once new event types are registered with react it is possible to dispatch these
 // events to all kind of native views.
-
-UIManagerAny.genericDirectEventTypes = { ...UIManagerAny.genericDirectEventTypes,
+UIManagerAny.genericDirectEventTypes = {
+  ...UIManagerAny.genericDirectEventTypes,
   ...customGHEventsConfig
-}; // In newer versions of RN the `genericDirectEventTypes` is located in the object
+};
+// In newer versions of RN the `genericDirectEventTypes` is located in the object
 // returned by UIManager.getViewManagerConfig('getConstants') or in older RN UIManager.getConstants(), we need to add it there as well to make
 // it compatible with RN 61+
-
-const UIManagerConstants = (_UIManagerAny$getView = (_UIManagerAny$getView2 = UIManagerAny.getViewManagerConfig) === null || _UIManagerAny$getView2 === void 0 ? void 0 : _UIManagerAny$getView2.call(UIManagerAny, 'getConstants')) !== null && _UIManagerAny$getView !== void 0 ? _UIManagerAny$getView : (_UIManagerAny$getCons = UIManagerAny.getConstants) === null || _UIManagerAny$getCons === void 0 ? void 0 : _UIManagerAny$getCons.call(UIManagerAny);
-
+const UIManagerConstants = ((_UIManagerAny$getView = UIManagerAny.getViewManagerConfig) === null || _UIManagerAny$getView === void 0 ? void 0 : _UIManagerAny$getView.call(UIManagerAny, 'getConstants')) ?? ((_UIManagerAny$getCons = UIManagerAny.getConstants) === null || _UIManagerAny$getCons === void 0 ? void 0 : _UIManagerAny$getCons.call(UIManagerAny));
 if (UIManagerConstants) {
-  UIManagerConstants.genericDirectEventTypes = { ...UIManagerConstants.genericDirectEventTypes,
+  UIManagerConstants.genericDirectEventTypes = {
+    ...UIManagerConstants.genericDirectEventTypes,
     ...customGHEventsConfig
   };
-} // Wrap JS responder calls and notify gesture handler manager
-
+}
 
+// Wrap JS responder calls and notify gesture handler manager
 const {
-  setJSResponder: oldSetJSResponder = () => {//no operation
+  setJSResponder: oldSetJSResponder = () => {
+    //no operation
   },
-  clearJSResponder: oldClearJSResponder = () => {//no operation
+  clearJSResponder: oldClearJSResponder = () => {
+    //no operation
   }
 } = UIManagerAny;
-
 UIManagerAny.setJSResponder = (tag, blockNativeResponder) => {
-  _RNGestureHandlerModule.default.handleSetJSResponder(tag, blockNativeResponder);
-
+  _RNGestureHandlerModule.RNGestureHandlerModule.handleSetJSResponder(tag, blockNativeResponder);
   oldSetJSResponder(tag, blockNativeResponder);
 };
-
 UIManagerAny.clearJSResponder = () => {
-  _RNGestureHandlerModule.default.handleClearJSResponder();
-
+  _RNGestureHandlerModule.RNGestureHandlerModule.handleClearJSResponder();
   oldClearJSResponder();
 };
-
 let allowTouches = true;
-const DEV_ON_ANDROID = __DEV__ && _reactNative.Platform.OS === 'android'; // Toggled inspector blocks touch events in order to allow inspecting on Android
+const DEV_ON_ANDROID = __DEV__ && _reactNative.Platform.OS === 'android';
+// Toggled inspector blocks touch events in order to allow inspecting on Android
 // This needs to be a global variable in order to set initial state for `allowTouches` property in Handler component
-
 if (DEV_ON_ANDROID) {
   _reactNative.DeviceEventEmitter.addListener('toggleElementInspector', () => {
     allowTouches = !allowTouches;
   });
 }
-
 function hasUnresolvedRefs(props) {
   // TODO(TS) - add type for extract arg
   const extract = refs => {
     if (!Array.isArray(refs)) {
       return refs && refs.current === null;
     }
-
     return refs.some(r => r && r.current === null);
   };
-
   return extract(props['simultaneousHandlers']) || extract(props['waitFor']);
 }
-
 const stateToPropMappings = {
   [_State.State.UNDETERMINED]: undefined,
   [_State.State.BEGAN]: 'onBegan',
@@ -134,8 +113,12 @@ const stateToPropMappings = {
   [_State.State.ACTIVE]: 'onActivated',
   [_State.State.END]: 'onEnded'
 };
-const UNRESOLVED_REFS_RETRY_LIMIT = 1; // TODO(TS) - make sure that BaseGestureHandlerProps doesn't need other generic parameter to work with custom properties.
 
+// TODO(TS) fix event types
+
+const UNRESOLVED_REFS_RETRY_LIMIT = 1;
+
+// TODO(TS) - make sure that BaseGestureHandlerProps doesn't need other generic parameter to work with custom properties.
 function createHandler({
   name,
   allowedProps = [],
@@ -144,124 +127,10 @@ function createHandler({
   customNativeProps = []
 }) {
   class Handler extends React.Component {
+    static displayName = name;
+    static contextType = _GestureHandlerRootViewContext.default;
     constructor(props) {
       super(props);
-
-      _defineProperty(this, "handlerTag", void 0);
-
-      _defineProperty(this, "config", void 0);
-
-      _defineProperty(this, "propsRef", void 0);
-
-      _defineProperty(this, "isMountedRef", void 0);
-
-      _defineProperty(this, "viewNode", void 0);
-
-      _defineProperty(this, "viewTag", void 0);
-
-      _defineProperty(this, "inspectorToggleListener", void 0);
-
-      _defineProperty(this, "onGestureHandlerEvent", event => {
-        if (event.nativeEvent.handlerTag === this.handlerTag) {
-          if (typeof this.props.onGestureEvent === 'function') {
-            var _this$props$onGesture, _this$props;
-
-            (_this$props$onGesture = (_this$props = this.props).onGestureEvent) === null || _this$props$onGesture === void 0 ? void 0 : _this$props$onGesture.call(_this$props, event);
-          }
-        } else {
-          var _this$props$onGesture2, _this$props2;
-
-          (_this$props$onGesture2 = (_this$props2 = this.props).onGestureHandlerEvent) === null || _this$props$onGesture2 === void 0 ? void 0 : _this$props$onGesture2.call(_this$props2, event);
-        }
-      });
-
-      _defineProperty(this, "onGestureHandlerStateChange", event => {
-        if (event.nativeEvent.handlerTag === this.handlerTag) {
-          if (typeof this.props.onHandlerStateChange === 'function') {
-            var _this$props$onHandler, _this$props3;
-
-            (_this$props$onHandler = (_this$props3 = this.props).onHandlerStateChange) === null || _this$props$onHandler === void 0 ? void 0 : _this$props$onHandler.call(_this$props3, event);
-          }
-
-          const state = event.nativeEvent.state;
-          const stateEventName = stateToPropMappings[state];
-          const eventHandler = stateEventName && this.props[stateEventName];
-
-          if (eventHandler && typeof eventHandler === 'function') {
-            eventHandler(event);
-          }
-        } else {
-          var _this$props$onGesture3, _this$props4;
-
-          (_this$props$onGesture3 = (_this$props4 = this.props).onGestureHandlerStateChange) === null || _this$props$onGesture3 === void 0 ? void 0 : _this$props$onGesture3.call(_this$props4, event);
-        }
-      });
-
-      _defineProperty(this, "refHandler", node => {
-        this.viewNode = node;
-        const child = React.Children.only(this.props.children); // TODO(TS) fix ref type
-
-        const {
-          ref
-        } = child;
-
-        if (ref !== null) {
-          if (typeof ref === 'function') {
-            ref(node);
-          } else {
-            ref.current = node;
-          }
-        }
-      });
-
-      _defineProperty(this, "createGestureHandler", newConfig => {
-        this.config = newConfig;
-
-        _RNGestureHandlerModule.default.createGestureHandler(name, this.handlerTag, newConfig);
-      });
-
-      _defineProperty(this, "attachGestureHandler", newViewTag => {
-        this.viewTag = newViewTag;
-
-        if (_reactNative.Platform.OS === 'web') {
-          // typecast due to dynamic resolution, attachGestureHandler should have web version signature in this branch
-          _RNGestureHandlerModule.default.attachGestureHandler(this.handlerTag, newViewTag, _ActionType.ActionType.JS_FUNCTION_OLD_API, // ignored on web
-          this.propsRef);
-        } else {
-          (0, _handlersRegistry.registerOldGestureHandler)(this.handlerTag, {
-            onGestureEvent: this.onGestureHandlerEvent,
-            onGestureStateChange: this.onGestureHandlerStateChange
-          });
-
-          const actionType = (() => {
-            var _this$props5, _this$props6, _this$props7;
-
-            if ((_this$props5 = this.props) !== null && _this$props5 !== void 0 && _this$props5.onGestureEvent && 'current' in this.props.onGestureEvent || (_this$props6 = this.props) !== null && _this$props6 !== void 0 && _this$props6.onHandlerStateChange && 'current' in this.props.onHandlerStateChange) {
-              // Reanimated worklet
-              return _ActionType.ActionType.REANIMATED_WORKLET;
-            } else if ((_this$props7 = this.props) !== null && _this$props7 !== void 0 && _this$props7.onGestureEvent && '__isNative' in this.props.onGestureEvent) {
-              // Animated.event with useNativeDriver: true
-              return _ActionType.ActionType.NATIVE_ANIMATED_EVENT;
-            } else {
-              // JS callback or Animated.event with useNativeDriver: false
-              return _ActionType.ActionType.JS_FUNCTION_OLD_API;
-            }
-          })();
-
-          _RNGestureHandlerModule.default.attachGestureHandler(this.handlerTag, newViewTag, actionType);
-        }
-
-        (0, _gestureHandlerCommon.scheduleFlushOperations)();
-      });
-
-      _defineProperty(this, "updateGestureHandler", newConfig => {
-        this.config = newConfig;
-
-        _RNGestureHandlerModule.default.updateGestureHandler(this.handlerTag, newConfig);
-
-        (0, _gestureHandlerCommon.scheduleFlushOperations)();
-      });
-
       this.handlerTag = (0, _handlersRegistry.getNextHandlerTag)();
       this.config = {};
       this.propsRef = /*#__PURE__*/React.createRef();
@@ -269,20 +138,16 @@ function createHandler({
       this.state = {
         allowTouches
       };
-
       if (props.id) {
         if (_handlersRegistry.handlerIDToTag[props.id] !== undefined) {
           throw new Error(`Handler with ID "${props.id}" already registered`);
         }
-
         _handlersRegistry.handlerIDToTag[props.id] = this.handlerTag;
       }
     }
-
     componentDidMount() {
       const props = this.props;
       this.isMountedRef.current = true;
-
       if (DEV_ON_ANDROID) {
         this.inspectorToggleListener = _reactNative.DeviceEventEmitter.addListener('toggleElementInspector', () => {
           this.setState(_ => ({
@@ -291,7 +156,6 @@ function createHandler({
           this.update(UNRESOLVED_REFS_RETRY_LIMIT);
         });
       }
-
       if (hasUnresolvedRefs(props)) {
         // If there are unresolved refs (e.g. ".current" has not yet been set)
         // passed as `simultaneousHandlers` or `waitFor`, we enqueue a call to
@@ -299,87 +163,155 @@ function createHandler({
         // queueMicrotask. This makes it so update() function gets called after all
         // react components are mounted and we expect the missing ref object to
         // be resolved by then.
-        (0, _ghQueueMicrotask.ghQueueMicrotask)(() => {
+        queueMicrotask(() => {
           this.update(UNRESOLVED_REFS_RETRY_LIMIT);
         });
       }
-
       this.createGestureHandler((0, _gestureHandlerCommon.filterConfig)(transformProps ? transformProps(this.props) : this.props, [...allowedProps, ...customNativeProps], config));
       this.attachGestureHandler((0, _gestureHandlerCommon.findNodeHandle)(this.viewNode)); // TODO(TS) - check if this can be null
     }
-
     componentDidUpdate() {
       const viewTag = (0, _gestureHandlerCommon.findNodeHandle)(this.viewNode);
-
       if (this.viewTag !== viewTag) {
         this.attachGestureHandler(viewTag); // TODO(TS) - check interaction between _viewTag & findNodeHandle
       }
-
       this.update(UNRESOLVED_REFS_RETRY_LIMIT);
     }
-
     componentWillUnmount() {
       var _this$inspectorToggle;
-
-      (_this$inspectorToggle = this.inspectorToggleListener) === null || _this$inspectorToggle === void 0 ? void 0 : _this$inspectorToggle.remove();
+      (_this$inspectorToggle = this.inspectorToggleListener) === null || _this$inspectorToggle === void 0 || _this$inspectorToggle.remove();
       this.isMountedRef.current = false;
-
-      _RNGestureHandlerModule.default.dropGestureHandler(this.handlerTag);
-
-      (0, _gestureHandlerCommon.scheduleFlushOperations)(); // We can't use this.props.id directly due to TS generic type narrowing bug, see https://github.com/microsoft/TypeScript/issues/13995 for more context
-
+      _RNGestureHandlerModule.RNGestureHandlerModule.dropGestureHandler(this.handlerTag);
+      (0, _gestureHandlerCommon2.scheduleFlushOperations)();
+      // We can't use this.props.id directly due to TS generic type narrowing bug, see https://github.com/microsoft/TypeScript/issues/13995 for more context
       const handlerID = this.props.id;
-
       if (handlerID) {
         // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
         delete _handlersRegistry.handlerIDToTag[handlerID];
       }
     }
-
+    onGestureHandlerEvent = event => {
+      if (event.nativeEvent.handlerTag === this.handlerTag) {
+        if (typeof this.props.onGestureEvent === 'function') {
+          var _this$props$onGesture, _this$props;
+          (_this$props$onGesture = (_this$props = this.props).onGestureEvent) === null || _this$props$onGesture === void 0 || _this$props$onGesture.call(_this$props, event);
+        }
+      } else {
+        var _this$props$onGesture2, _this$props2;
+        (_this$props$onGesture2 = (_this$props2 = this.props).onGestureHandlerEvent) === null || _this$props$onGesture2 === void 0 || _this$props$onGesture2.call(_this$props2, event);
+      }
+    };
+
+    // TODO(TS) - make sure this is right type for event
+    onGestureHandlerStateChange = event => {
+      if (event.nativeEvent.handlerTag === this.handlerTag) {
+        if (typeof this.props.onHandlerStateChange === 'function') {
+          var _this$props$onHandler, _this$props3;
+          (_this$props$onHandler = (_this$props3 = this.props).onHandlerStateChange) === null || _this$props$onHandler === void 0 || _this$props$onHandler.call(_this$props3, event);
+        }
+        const state = event.nativeEvent.state;
+        const stateEventName = stateToPropMappings[state];
+        const eventHandler = stateEventName && this.props[stateEventName];
+        if (eventHandler && typeof eventHandler === 'function') {
+          eventHandler(event);
+        }
+      } else {
+        var _this$props$onGesture3, _this$props4;
+        (_this$props$onGesture3 = (_this$props4 = this.props).onGestureHandlerStateChange) === null || _this$props$onGesture3 === void 0 || _this$props$onGesture3.call(_this$props4, event);
+      }
+    };
+    refHandler = node => {
+      this.viewNode = node;
+      const child = React.Children.only(this.props.children);
+      // TODO(TS) fix ref type
+      const {
+        ref
+      } = child;
+      if (ref !== null) {
+        if (typeof ref === 'function') {
+          ref(node);
+        } else {
+          ref.current = node;
+        }
+      }
+    };
+    createGestureHandler = newConfig => {
+      this.config = newConfig;
+      _RNGestureHandlerModule.RNGestureHandlerModule.createGestureHandler(name, this.handlerTag, newConfig);
+    };
+    attachGestureHandler = newViewTag => {
+      this.viewTag = newViewTag;
+      if (_reactNative.Platform.OS === 'web') {
+        // typecast due to dynamic resolution, attachGestureHandler should have web version signature in this branch
+        _RNGestureHandlerModule.RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, _ActionType.ActionType.JS_FUNCTION_OLD_API,
+        // ignored on web
+        this.propsRef);
+      } else {
+        (0, _handlersRegistry.registerOldGestureHandler)(this.handlerTag, {
+          onGestureEvent: this.onGestureHandlerEvent,
+          onGestureStateChange: this.onGestureHandlerStateChange
+        });
+        const actionType = ((_this$props5, _this$props6, _this$props7) => {
+          if ((_this$props5 = this.props) !== null && _this$props5 !== void 0 && _this$props5.onGestureEvent && 'current' in this.props.onGestureEvent || (_this$props6 = this.props) !== null && _this$props6 !== void 0 && _this$props6.onHandlerStateChange && 'current' in this.props.onHandlerStateChange) {
+            // Reanimated worklet
+            return _ActionType.ActionType.REANIMATED_WORKLET;
+          } else if ((_this$props7 = this.props) !== null && _this$props7 !== void 0 && _this$props7.onGestureEvent && '__isNative' in this.props.onGestureEvent) {
+            // Animated.event with useNativeDriver: true
+            return _ActionType.ActionType.NATIVE_ANIMATED_EVENT;
+          } else {
+            // JS callback or Animated.event with useNativeDriver: false
+            return _ActionType.ActionType.JS_FUNCTION_OLD_API;
+          }
+        })();
+        _RNGestureHandlerModule.RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, actionType);
+      }
+      (0, _gestureHandlerCommon2.scheduleFlushOperations)();
+    };
+    updateGestureHandler = newConfig => {
+      this.config = newConfig;
+      _RNGestureHandlerModule.RNGestureHandlerModule.updateGestureHandler(this.handlerTag, newConfig);
+      (0, _gestureHandlerCommon2.scheduleFlushOperations)();
+    };
     update(remainingTries) {
       if (!this.isMountedRef.current) {
         return;
       }
+      const props = this.props;
 
-      const props = this.props; // When ref is set via a function i.e. `ref={(r) => refObject.current = r}` instead of
+      // When ref is set via a function i.e. `ref={(r) => refObject.current = r}` instead of
       // `ref={refObject}` it's possible that it won't be resolved in time. Seems like trying
       // again is easy enough fix.
-
       if (hasUnresolvedRefs(props) && remainingTries > 0) {
-        (0, _ghQueueMicrotask.ghQueueMicrotask)(() => {
+        queueMicrotask(() => {
           this.update(remainingTries - 1);
         });
       } else {
         const newConfig = (0, _gestureHandlerCommon.filterConfig)(transformProps ? transformProps(this.props) : this.props, [...allowedProps, ...customNativeProps], config);
-
         if (!(0, _isEqual.default)(this.config, newConfig)) {
           this.updateGestureHandler(newConfig);
         }
       }
     }
-
     setNativeProps(updates) {
-      const mergedProps = { ...this.props,
+      const mergedProps = {
+        ...this.props,
         ...updates
       };
       const newConfig = (0, _gestureHandlerCommon.filterConfig)(transformProps ? transformProps(mergedProps) : mergedProps, [...allowedProps, ...customNativeProps], config);
       this.updateGestureHandler(newConfig);
     }
-
     render() {
-      var _this$props$testID;
-
-      if (__DEV__ && !this.context && !(0, _utils.isJestEnv)() && _reactNative.Platform.OS !== 'web') {
+      if (__DEV__ && !this.context && !(0, _utils.isJestEnv)() && _reactNative.Platform.OS !== 'web' && _reactNative.Platform.OS !== "harmony") {
+        // RNOH: patch
         throw new Error(name + ' must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.');
       }
-
-      let gestureEventHandler = this.onGestureHandlerEvent; // Another instance of https://github.com/microsoft/TypeScript/issues/13995
+      let gestureEventHandler = this.onGestureHandlerEvent;
+      // Another instance of https://github.com/microsoft/TypeScript/issues/13995
 
       const {
         onGestureEvent,
         onGestureHandlerEvent
       } = this.props;
-
       if (onGestureEvent && typeof onGestureEvent !== 'function') {
         // If it's not a method it should be an native Animated.event
         // object. We set it directly as the handler for the view
@@ -387,21 +319,19 @@ function createHandler({
         if (onGestureHandlerEvent) {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
-
         gestureEventHandler = onGestureEvent;
       } else {
         if (onGestureHandlerEvent && typeof onGestureHandlerEvent !== 'function') {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
       }
-
-      let gestureStateEventHandler = this.onGestureHandlerStateChange; // Another instance of https://github.com/microsoft/TypeScript/issues/13995
+      let gestureStateEventHandler = this.onGestureHandlerStateChange;
+      // Another instance of https://github.com/microsoft/TypeScript/issues/13995
 
       const {
         onHandlerStateChange,
         onGestureHandlerStateChange
       } = this.props;
-
       if (onHandlerStateChange && typeof onHandlerStateChange !== 'function') {
         // If it's not a method it should be an native Animated.event
         // object. We set it directly as the handler for the view
@@ -409,29 +339,24 @@ function createHandler({
         if (onGestureHandlerStateChange) {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
-
         gestureStateEventHandler = onHandlerStateChange;
       } else {
         if (onGestureHandlerStateChange && typeof onGestureHandlerStateChange !== 'function') {
           throw new Error('Nesting touch handlers with native animated driver is not supported yet');
         }
       }
-
       const events = {
         onGestureHandlerEvent: this.state.allowTouches ? gestureEventHandler : undefined,
         onGestureHandlerStateChange: this.state.allowTouches ? gestureStateEventHandler : undefined
       };
       this.propsRef.current = events;
       let child = null;
-
       try {
         child = React.Children.only(this.props.children);
       } catch (e) {
         throw new Error((0, _utils.tagMessage)(`${name} got more than one view as a child. If you want the gesture to work on multiple views, wrap them with a common parent and attach the gesture to that view.`));
       }
-
       let grandChildren = child.props.children;
-
       if (__DEV__ && child.type && (child.type === 'RNGestureHandlerButton' || child.type.name === 'View' || child.type.displayName === 'View')) {
         grandChildren = React.Children.toArray(grandChildren);
         grandChildren.push( /*#__PURE__*/React.createElement(_PressabilityDebugView.PressabilityDebugView, {
@@ -440,7 +365,6 @@ function createHandler({
           hitSlop: child.props.hitSlop
         }));
       }
-
       return /*#__PURE__*/React.cloneElement(child, {
         ref: this.refHandler,
         collapsable: false,
@@ -448,17 +372,11 @@ function createHandler({
           handlerType: name,
           handlerTag: this.handlerTag
         } : {}),
-        testID: (_this$props$testID = this.props.testID) !== null && _this$props$testID !== void 0 ? _this$props$testID : child.props.testID,
+        testID: this.props.testID ?? child.props.testID,
         ...events
       }, grandChildren);
     }
-
   }
-
-  _defineProperty(Handler, "displayName", name);
-
-  _defineProperty(Handler, "contextType", _GestureHandlerRootViewContext.default);
-
   return Handler;
 }
 //# sourceMappingURL=createHandler.js.map