@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1

package/lib/module/handlers/createHandler.js

@@ -0,0 +1,433 @@
+var _UIManagerAny$getView, _UIManagerAny$getView2, _UIManagerAny$getCons;
+
+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; }
+
+import * as React from 'react';
+import { Platform, UIManager, DeviceEventEmitter } from 'react-native'; // @ts-ignore - it isn't typed by TS & don't have definitelyTyped types
+
+import deepEqual from 'lodash/isEqual';
+import RNGestureHandlerModule from '../RNGestureHandlerModule';
+import { State } from '../State';
+import { handlerIDToTag, getNextHandlerTag, registerOldGestureHandler } from './handlersRegistry';
+import { filterConfig, findNodeHandle, scheduleFlushOperations } from './gestureHandlerCommon';
+import { isFabric, isJestEnv, tagMessage } from '../utils';
+import { ActionType } from '../ActionType';
+import { PressabilityDebugView } from './PressabilityDebugView';
+import GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';
+import { ghQueueMicrotask } from '../ghQueueMicrotask';
+const UIManagerAny = UIManager;
+const customGHEventsConfigFabricAndroid = {
+  topOnGestureHandlerEvent: {
+    registrationName: 'onGestureHandlerEvent'
+  },
+  topOnGestureHandlerStateChange: {
+    registrationName: 'onGestureHandlerStateChange'
+  }
+};
+const customGHEventsConfig = {
+  onGestureHandlerEvent: {
+    registrationName: 'onGestureHandlerEvent'
+  },
+  onGestureHandlerStateChange: {
+    registrationName: 'onGestureHandlerStateChange'
+  },
+  // When using React Native Gesture Handler for Animated.event with useNativeDriver: true
+  // on Android with Fabric enabled, the native part still sends the native events to JS
+  // but prefixed with "top". We cannot simply rename the events above so they are prefixed
+  // with "top" instead of "on" because in such case Animated.events would not be registered.
+  // That's why we need to register another pair of event names.
+  // The incoming events will be queued but never handled.
+  // Without this piece of code below, you'll get the following JS error:
+  // Unsupported top level event type "topOnGestureHandlerEvent" dispatched
+  ...(isFabric() && Platform.OS === 'android' && customGHEventsConfigFabricAndroid)
+}; // 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,
+  ...customGHEventsConfig
+}; // 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);
+
+if (UIManagerConstants) {
+  UIManagerConstants.genericDirectEventTypes = { ...UIManagerConstants.genericDirectEventTypes,
+    ...customGHEventsConfig
+  };
+} // Wrap JS responder calls and notify gesture handler manager
+
+
+const {
+  setJSResponder: oldSetJSResponder = () => {//no operation
+  },
+  clearJSResponder: oldClearJSResponder = () => {//no operation
+  }
+} = UIManagerAny;
+
+UIManagerAny.setJSResponder = (tag, blockNativeResponder) => {
+  RNGestureHandlerModule.handleSetJSResponder(tag, blockNativeResponder);
+  oldSetJSResponder(tag, blockNativeResponder);
+};
+
+UIManagerAny.clearJSResponder = () => {
+  RNGestureHandlerModule.handleClearJSResponder();
+  oldClearJSResponder();
+};
+
+let allowTouches = true;
+const DEV_ON_ANDROID = __DEV__ && 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) {
+  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.UNDETERMINED]: undefined,
+  [State.BEGAN]: 'onBegan',
+  [State.FAILED]: 'onFailed',
+  [State.CANCELLED]: 'onCancelled',
+  [State.ACTIVE]: 'onActivated',
+  [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.
+
+export default function createHandler({
+  name,
+  allowedProps = [],
+  config = {},
+  transformProps,
+  customNativeProps = []
+}) {
+  class Handler extends React.Component {
+    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.createGestureHandler(name, this.handlerTag, newConfig);
+      });
+
+      _defineProperty(this, "attachGestureHandler", newViewTag => {
+        this.viewTag = newViewTag;
+
+        if (Platform.OS === 'web') {
+          // typecast due to dynamic resolution, attachGestureHandler should have web version signature in this branch
+          RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, ActionType.JS_FUNCTION_OLD_API, // ignored on web
+          this.propsRef);
+        } else {
+          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.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.NATIVE_ANIMATED_EVENT;
+            } else {
+              // JS callback or Animated.event with useNativeDriver: false
+              return ActionType.JS_FUNCTION_OLD_API;
+            }
+          })();
+
+          RNGestureHandlerModule.attachGestureHandler(this.handlerTag, newViewTag, actionType);
+        }
+
+        scheduleFlushOperations();
+      });
+
+      _defineProperty(this, "updateGestureHandler", newConfig => {
+        this.config = newConfig;
+        RNGestureHandlerModule.updateGestureHandler(this.handlerTag, newConfig);
+        scheduleFlushOperations();
+      });
+
+      this.handlerTag = getNextHandlerTag();
+      this.config = {};
+      this.propsRef = /*#__PURE__*/React.createRef();
+      this.isMountedRef = /*#__PURE__*/React.createRef();
+      this.state = {
+        allowTouches
+      };
+
+      if (props.id) {
+        if (handlerIDToTag[props.id] !== undefined) {
+          throw new Error(`Handler with ID "${props.id}" already registered`);
+        }
+
+        handlerIDToTag[props.id] = this.handlerTag;
+      }
+    }
+
+    componentDidMount() {
+      const props = this.props;
+      this.isMountedRef.current = true;
+
+      if (DEV_ON_ANDROID) {
+        this.inspectorToggleListener = DeviceEventEmitter.addListener('toggleElementInspector', () => {
+          this.setState(_ => ({
+            allowTouches
+          }));
+          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
+        // _update method that will try to update native handler props using
+        // 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.
+        ghQueueMicrotask(() => {
+          this.update(UNRESOLVED_REFS_RETRY_LIMIT);
+        });
+      }
+
+      this.createGestureHandler(filterConfig(transformProps ? transformProps(this.props) : this.props, [...allowedProps, ...customNativeProps], config));
+      this.attachGestureHandler(findNodeHandle(this.viewNode)); // TODO(TS) - check if this can be null
+    }
+
+    componentDidUpdate() {
+      const viewTag = 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.isMountedRef.current = false;
+      RNGestureHandlerModule.dropGestureHandler(this.handlerTag);
+      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 handlerIDToTag[handlerID];
+      }
+    }
+
+    update(remainingTries) {
+      if (!this.isMountedRef.current) {
+        return;
+      }
+
+      const props = this.props; // 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) {
+        ghQueueMicrotask(() => {
+          this.update(remainingTries - 1);
+        });
+      } else {
+        const newConfig = filterConfig(transformProps ? transformProps(this.props) : this.props, [...allowedProps, ...customNativeProps], config);
+
+        if (!deepEqual(this.config, newConfig)) {
+          this.updateGestureHandler(newConfig);
+        }
+      }
+    }
+
+    setNativeProps(updates) {
+      const mergedProps = { ...this.props,
+        ...updates
+      };
+      const newConfig = filterConfig(transformProps ? transformProps(mergedProps) : mergedProps, [...allowedProps, ...customNativeProps], config);
+      this.updateGestureHandler(newConfig);
+    }
+
+    render() {
+      var _this$props$testID;
+
+      if (__DEV__ && !this.context && !isJestEnv() && Platform.OS !== 'web') {
+        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
+
+      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
+        // In this case nested handlers are not going to be supported
+        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
+
+      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
+        // In this case nested handlers are not going to be supported
+        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(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, {
+          key: "pressabilityDebugView",
+          color: "mediumspringgreen",
+          hitSlop: child.props.hitSlop
+        }));
+      }
+
+      return /*#__PURE__*/React.cloneElement(child, {
+        ref: this.refHandler,
+        collapsable: false,
+        ...(isJestEnv() ? {
+          handlerType: name,
+          handlerTag: this.handlerTag
+        } : {}),
+        testID: (_this$props$testID = this.props.testID) !== null && _this$props$testID !== void 0 ? _this$props$testID : child.props.testID,
+        ...events
+      }, grandChildren);
+    }
+
+  }
+
+  _defineProperty(Handler, "displayName", name);
+
+  _defineProperty(Handler, "contextType", GestureHandlerRootViewContext);
+
+  return Handler;
+}
+//# sourceMappingURL=createHandler.js.map

package/lib/module/handlers/createHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createHandler.tsx"],"names":["React","Platform","UIManager","DeviceEventEmitter","deepEqual","RNGestureHandlerModule","State","handlerIDToTag","getNextHandlerTag","registerOldGestureHandler","filterConfig","findNodeHandle","scheduleFlushOperations","isFabric","isJestEnv","tagMessage","ActionType","PressabilityDebugView","GestureHandlerRootViewContext","ghQueueMicrotask","UIManagerAny","customGHEventsConfigFabricAndroid","topOnGestureHandlerEvent","registrationName","topOnGestureHandlerStateChange","customGHEventsConfig","onGestureHandlerEvent","onGestureHandlerStateChange","OS","genericDirectEventTypes","UIManagerConstants","getViewManagerConfig","getConstants","setJSResponder","oldSetJSResponder","clearJSResponder","oldClearJSResponder","tag","blockNativeResponder","handleSetJSResponder","handleClearJSResponder","allowTouches","DEV_ON_ANDROID","__DEV__","addListener","hasUnresolvedRefs","props","extract","refs","Array","isArray","current","some","r","stateToPropMappings","UNDETERMINED","undefined","BEGAN","FAILED","CANCELLED","ACTIVE","END","UNRESOLVED_REFS_RETRY_LIMIT","createHandler","name","allowedProps","config","transformProps","customNativeProps","Handler","Component","constructor","event","nativeEvent","handlerTag","onGestureEvent","onHandlerStateChange","state","stateEventName","eventHandler","node","viewNode","child","Children","only","children","ref","newConfig","createGestureHandler","newViewTag","viewTag","attachGestureHandler","JS_FUNCTION_OLD_API","propsRef","onGestureStateChange","actionType","REANIMATED_WORKLET","NATIVE_ANIMATED_EVENT","updateGestureHandler","createRef","isMountedRef","id","Error","componentDidMount","inspectorToggleListener","setState","_","update","componentDidUpdate","componentWillUnmount","remove","dropGestureHandler","handlerID","remainingTries","setNativeProps","updates","mergedProps","render","context","gestureEventHandler","gestureStateEventHandler","events","e","grandChildren","type","displayName","toArray","push","hitSlop","cloneElement","refHandler","collapsable","handlerType","testID"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport {\r\n  Platform,\r\n  UIManager,\r\n  DeviceEventEmitter,\r\n  EmitterSubscription,\r\n} from 'react-native';\r\n// @ts-ignore - it isn't typed by TS & don't have definitelyTyped types\r\nimport deepEqual from 'lodash/isEqual';\r\nimport RNGestureHandlerModule from '../RNGestureHandlerModule';\r\nimport type RNGestureHandlerModuleWeb from '../RNGestureHandlerModule.web';\r\nimport { State } from '../State';\r\nimport {\r\n  handlerIDToTag,\r\n  getNextHandlerTag,\r\n  registerOldGestureHandler,\r\n} from './handlersRegistry';\r\n\r\nimport {\r\n  BaseGestureHandlerProps,\r\n  filterConfig,\r\n  GestureEvent,\r\n  HandlerStateChangeEvent,\r\n  findNodeHandle,\r\n  scheduleFlushOperations,\r\n} from './gestureHandlerCommon';\r\nimport { ValueOf } from '../typeUtils';\r\nimport { isFabric, isJestEnv, tagMessage } from '../utils';\r\nimport { ActionType } from '../ActionType';\r\nimport { PressabilityDebugView } from './PressabilityDebugView';\r\nimport GestureHandlerRootViewContext from '../GestureHandlerRootViewContext';\r\nimport { ghQueueMicrotask } from '../ghQueueMicrotask';\r\n\r\nconst UIManagerAny = UIManager as any;\r\n\r\nconst customGHEventsConfigFabricAndroid = {\r\n  topOnGestureHandlerEvent: { registrationName: 'onGestureHandlerEvent' },\r\n  topOnGestureHandlerStateChange: {\r\n    registrationName: 'onGestureHandlerStateChange',\r\n  },\r\n};\r\n\r\nconst customGHEventsConfig = {\r\n  onGestureHandlerEvent: { registrationName: 'onGestureHandlerEvent' },\r\n  onGestureHandlerStateChange: {\r\n    registrationName: 'onGestureHandlerStateChange',\r\n  },\r\n\r\n  // When using React Native Gesture Handler for Animated.event with useNativeDriver: true\r\n  // on Android with Fabric enabled, the native part still sends the native events to JS\r\n  // but prefixed with \"top\". We cannot simply rename the events above so they are prefixed\r\n  // with \"top\" instead of \"on\" because in such case Animated.events would not be registered.\r\n  // That's why we need to register another pair of event names.\r\n  // The incoming events will be queued but never handled.\r\n  // Without this piece of code below, you'll get the following JS error:\r\n  // Unsupported top level event type \"topOnGestureHandlerEvent\" dispatched\r\n  ...(isFabric() &&\r\n    Platform.OS === 'android' &&\r\n    customGHEventsConfigFabricAndroid),\r\n};\r\n\r\n// Add gesture specific events to genericDirectEventTypes object exported from UIManager\r\n// native module.\r\n// Once new event types are registered with react it is possible to dispatch these\r\n// events to all kind of native views.\r\nUIManagerAny.genericDirectEventTypes = {\r\n  ...UIManagerAny.genericDirectEventTypes,\r\n  ...customGHEventsConfig,\r\n};\r\n// In newer versions of RN the `genericDirectEventTypes` is located in the object\r\n// returned by UIManager.getViewManagerConfig('getConstants') or in older RN UIManager.getConstants(), we need to add it there as well to make\r\n// it compatible with RN 61+\r\nconst UIManagerConstants =\r\n  UIManagerAny.getViewManagerConfig?.('getConstants') ??\r\n  UIManagerAny.getConstants?.();\r\n\r\nif (UIManagerConstants) {\r\n  UIManagerConstants.genericDirectEventTypes = {\r\n    ...UIManagerConstants.genericDirectEventTypes,\r\n    ...customGHEventsConfig,\r\n  };\r\n}\r\n\r\n// Wrap JS responder calls and notify gesture handler manager\r\nconst {\r\n  setJSResponder: oldSetJSResponder = () => {\r\n    //no operation\r\n  },\r\n  clearJSResponder: oldClearJSResponder = () => {\r\n    //no operation\r\n  },\r\n} = UIManagerAny;\r\nUIManagerAny.setJSResponder = (tag: number, blockNativeResponder: boolean) => {\r\n  RNGestureHandlerModule.handleSetJSResponder(tag, blockNativeResponder);\r\n  oldSetJSResponder(tag, blockNativeResponder);\r\n};\r\nUIManagerAny.clearJSResponder = () => {\r\n  RNGestureHandlerModule.handleClearJSResponder();\r\n  oldClearJSResponder();\r\n};\r\n\r\nlet allowTouches = true;\r\nconst DEV_ON_ANDROID = __DEV__ && Platform.OS === 'android';\r\n// Toggled inspector blocks touch events in order to allow inspecting on Android\r\n// This needs to be a global variable in order to set initial state for `allowTouches` property in Handler component\r\nif (DEV_ON_ANDROID) {\r\n  DeviceEventEmitter.addListener('toggleElementInspector', () => {\r\n    allowTouches = !allowTouches;\r\n  });\r\n}\r\n\r\ntype HandlerProps<T extends Record<string, unknown>> = Readonly<\r\n  React.PropsWithChildren<BaseGestureHandlerProps<T>>\r\n>;\r\nfunction hasUnresolvedRefs<T extends Record<string, unknown>>(\r\n  props: HandlerProps<T>\r\n) {\r\n  // TODO(TS) - add type for extract arg\r\n  const extract = (refs: any | any[]) => {\r\n    if (!Array.isArray(refs)) {\r\n      return refs && refs.current === null;\r\n    }\r\n    return refs.some((r) => r && r.current === null);\r\n  };\r\n  return extract(props['simultaneousHandlers']) || extract(props['waitFor']);\r\n}\r\n\r\nconst stateToPropMappings = {\r\n  [State.UNDETERMINED]: undefined,\r\n  [State.BEGAN]: 'onBegan',\r\n  [State.FAILED]: 'onFailed',\r\n  [State.CANCELLED]: 'onCancelled',\r\n  [State.ACTIVE]: 'onActivated',\r\n  [State.END]: 'onEnded',\r\n} as const;\r\n\r\ntype CreateHandlerArgs<HandlerPropsT extends Record<string, unknown>> =\r\n  Readonly<{\r\n    name: string;\r\n    allowedProps: Readonly<Extract<keyof HandlerPropsT, string>[]>;\r\n    config: Readonly<Record<string, unknown>>;\r\n    transformProps?: (props: HandlerPropsT) => HandlerPropsT;\r\n    customNativeProps?: Readonly<string[]>;\r\n  }>;\r\n\r\n// TODO(TS) fix event types\r\ntype InternalEventHandlers = {\r\n  onGestureHandlerEvent?: (event: any) => void;\r\n  onGestureHandlerStateChange?: (event: any) => void;\r\n};\r\n\r\nconst UNRESOLVED_REFS_RETRY_LIMIT = 1;\r\n\r\n// TODO(TS) - make sure that BaseGestureHandlerProps doesn't need other generic parameter to work with custom properties.\r\nexport default function createHandler<\r\n  T extends BaseGestureHandlerProps<U>,\r\n  U extends Record<string, unknown>\r\n>({\r\n  name,\r\n  allowedProps = [],\r\n  config = {},\r\n  transformProps,\r\n  customNativeProps = [],\r\n}: CreateHandlerArgs<T>): React.ComponentType<T & React.RefAttributes<any>> {\r\n  interface HandlerState {\r\n    allowTouches: boolean;\r\n  }\r\n  class Handler extends React.Component<\r\n    T & InternalEventHandlers,\r\n    HandlerState\r\n  > {\r\n    static displayName = name;\r\n    static contextType = GestureHandlerRootViewContext;\r\n\r\n    private handlerTag: number;\r\n    private config: Record<string, unknown>;\r\n    private propsRef: React.MutableRefObject<unknown>;\r\n    private isMountedRef: React.MutableRefObject<boolean | null>;\r\n    private viewNode: any;\r\n    private viewTag?: number;\r\n    private inspectorToggleListener?: EmitterSubscription;\r\n\r\n    constructor(props: T & InternalEventHandlers) {\r\n      super(props);\r\n      this.handlerTag = getNextHandlerTag();\r\n      this.config = {};\r\n      this.propsRef = React.createRef();\r\n      this.isMountedRef = React.createRef();\r\n      this.state = { allowTouches };\r\n      if (props.id) {\r\n        if (handlerIDToTag[props.id] !== undefined) {\r\n          throw new Error(`Handler with ID \"${props.id}\" already registered`);\r\n        }\r\n        handlerIDToTag[props.id] = this.handlerTag;\r\n      }\r\n    }\r\n\r\n    componentDidMount() {\r\n      const props: HandlerProps<U> = this.props;\r\n      this.isMountedRef.current = true;\r\n\r\n      if (DEV_ON_ANDROID) {\r\n        this.inspectorToggleListener = DeviceEventEmitter.addListener(\r\n          'toggleElementInspector',\r\n          () => {\r\n            this.setState((_) => ({ allowTouches }));\r\n            this.update(UNRESOLVED_REFS_RETRY_LIMIT);\r\n          }\r\n        );\r\n      }\r\n      if (hasUnresolvedRefs(props)) {\r\n        // If there are unresolved refs (e.g. \".current\" has not yet been set)\r\n        // passed as `simultaneousHandlers` or `waitFor`, we enqueue a call to\r\n        // _update method that will try to update native handler props using\r\n        // queueMicrotask. This makes it so update() function gets called after all\r\n        // react components are mounted and we expect the missing ref object to\r\n        // be resolved by then.\r\n        ghQueueMicrotask(() => {\r\n          this.update(UNRESOLVED_REFS_RETRY_LIMIT);\r\n        });\r\n      }\r\n\r\n      this.createGestureHandler(\r\n        filterConfig(\r\n          transformProps ? transformProps(this.props) : this.props,\r\n          [...allowedProps, ...customNativeProps],\r\n          config\r\n        )\r\n      );\r\n\r\n      this.attachGestureHandler(findNodeHandle(this.viewNode) as number); // TODO(TS) - check if this can be null\r\n    }\r\n\r\n    componentDidUpdate() {\r\n      const viewTag = findNodeHandle(this.viewNode);\r\n      if (this.viewTag !== viewTag) {\r\n        this.attachGestureHandler(viewTag as number); // TODO(TS) - check interaction between _viewTag & findNodeHandle\r\n      }\r\n      this.update(UNRESOLVED_REFS_RETRY_LIMIT);\r\n    }\r\n\r\n    componentWillUnmount() {\r\n      this.inspectorToggleListener?.remove();\r\n      this.isMountedRef.current = false;\r\n      RNGestureHandlerModule.dropGestureHandler(this.handlerTag);\r\n      scheduleFlushOperations();\r\n      // 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\r\n      const handlerID: string | undefined = this.props.id;\r\n      if (handlerID) {\r\n        // eslint-disable-next-line @typescript-eslint/no-dynamic-delete\r\n        delete handlerIDToTag[handlerID];\r\n      }\r\n    }\r\n\r\n    private onGestureHandlerEvent = (event: GestureEvent<U>) => {\r\n      if (event.nativeEvent.handlerTag === this.handlerTag) {\r\n        if (typeof this.props.onGestureEvent === 'function') {\r\n          this.props.onGestureEvent?.(event);\r\n        }\r\n      } else {\r\n        this.props.onGestureHandlerEvent?.(event);\r\n      }\r\n    };\r\n\r\n    // TODO(TS) - make sure this is right type for event\r\n    private onGestureHandlerStateChange = (\r\n      event: HandlerStateChangeEvent<U>\r\n    ) => {\r\n      if (event.nativeEvent.handlerTag === this.handlerTag) {\r\n        if (typeof this.props.onHandlerStateChange === 'function') {\r\n          this.props.onHandlerStateChange?.(event);\r\n        }\r\n\r\n        const state: ValueOf<typeof State> = event.nativeEvent.state;\r\n        const stateEventName = stateToPropMappings[state];\r\n        const eventHandler = stateEventName && this.props[stateEventName];\r\n        if (eventHandler && typeof eventHandler === 'function') {\r\n          eventHandler(event);\r\n        }\r\n      } else {\r\n        this.props.onGestureHandlerStateChange?.(event);\r\n      }\r\n    };\r\n\r\n    private refHandler = (node: any) => {\r\n      this.viewNode = node;\r\n\r\n      const child = React.Children.only(this.props.children);\r\n      // TODO(TS) fix ref type\r\n      const { ref }: any = child;\r\n      if (ref !== null) {\r\n        if (typeof ref === 'function') {\r\n          ref(node);\r\n        } else {\r\n          ref.current = node;\r\n        }\r\n      }\r\n    };\r\n\r\n    private createGestureHandler = (\r\n      newConfig: Readonly<Record<string, unknown>>\r\n    ) => {\r\n      this.config = newConfig;\r\n\r\n      RNGestureHandlerModule.createGestureHandler(\r\n        name,\r\n        this.handlerTag,\r\n        newConfig\r\n      );\r\n    };\r\n\r\n    private attachGestureHandler = (newViewTag: number) => {\r\n      this.viewTag = newViewTag;\r\n\r\n      if (Platform.OS === 'web') {\r\n        // typecast due to dynamic resolution, attachGestureHandler should have web version signature in this branch\r\n        (\r\n          RNGestureHandlerModule.attachGestureHandler as typeof RNGestureHandlerModuleWeb.attachGestureHandler\r\n        )(\r\n          this.handlerTag,\r\n          newViewTag,\r\n          ActionType.JS_FUNCTION_OLD_API, // ignored on web\r\n          this.propsRef\r\n        );\r\n      } else {\r\n        registerOldGestureHandler(this.handlerTag, {\r\n          onGestureEvent: this.onGestureHandlerEvent,\r\n          onGestureStateChange: this.onGestureHandlerStateChange,\r\n        });\r\n\r\n        const actionType = (() => {\r\n          if (\r\n            (this.props?.onGestureEvent &&\r\n              'current' in this.props.onGestureEvent) ||\r\n            (this.props?.onHandlerStateChange &&\r\n              'current' in this.props.onHandlerStateChange)\r\n          ) {\r\n            // Reanimated worklet\r\n            return ActionType.REANIMATED_WORKLET;\r\n          } else if (\r\n            this.props?.onGestureEvent &&\r\n            '__isNative' in this.props.onGestureEvent\r\n          ) {\r\n            // Animated.event with useNativeDriver: true\r\n            return ActionType.NATIVE_ANIMATED_EVENT;\r\n          } else {\r\n            // JS callback or Animated.event with useNativeDriver: false\r\n            return ActionType.JS_FUNCTION_OLD_API;\r\n          }\r\n        })();\r\n\r\n        RNGestureHandlerModule.attachGestureHandler(\r\n          this.handlerTag,\r\n          newViewTag,\r\n          actionType\r\n        );\r\n      }\r\n\r\n      scheduleFlushOperations();\r\n    };\r\n\r\n    private updateGestureHandler = (\r\n      newConfig: Readonly<Record<string, unknown>>\r\n    ) => {\r\n      this.config = newConfig;\r\n\r\n      RNGestureHandlerModule.updateGestureHandler(this.handlerTag, newConfig);\r\n      scheduleFlushOperations();\r\n    };\r\n\r\n    private update(remainingTries: number) {\r\n      if (!this.isMountedRef.current) {\r\n        return;\r\n      }\r\n\r\n      const props: HandlerProps<U> = this.props;\r\n\r\n      // When ref is set via a function i.e. `ref={(r) => refObject.current = r}` instead of\r\n      // `ref={refObject}` it's possible that it won't be resolved in time. Seems like trying\r\n      // again is easy enough fix.\r\n      if (hasUnresolvedRefs(props) && remainingTries > 0) {\r\n        ghQueueMicrotask(() => {\r\n          this.update(remainingTries - 1);\r\n        });\r\n      } else {\r\n        const newConfig = filterConfig(\r\n          transformProps ? transformProps(this.props) : this.props,\r\n          [...allowedProps, ...customNativeProps],\r\n          config\r\n        );\r\n        if (!deepEqual(this.config, newConfig)) {\r\n          this.updateGestureHandler(newConfig);\r\n        }\r\n      }\r\n    }\r\n\r\n    setNativeProps(updates: any) {\r\n      const mergedProps = { ...this.props, ...updates };\r\n      const newConfig = filterConfig(\r\n        transformProps ? transformProps(mergedProps) : mergedProps,\r\n        [...allowedProps, ...customNativeProps],\r\n        config\r\n      );\r\n      this.updateGestureHandler(newConfig);\r\n    }\r\n\r\n    render() {\r\n      if (__DEV__ && !this.context && !isJestEnv() && Platform.OS !== 'web') {\r\n        throw new Error(\r\n          name +\r\n            ' 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.'\r\n        );\r\n      }\r\n\r\n      let gestureEventHandler = this.onGestureHandlerEvent;\r\n      // Another instance of https://github.com/microsoft/TypeScript/issues/13995\r\n      type OnGestureEventHandlers = {\r\n        onGestureEvent?: BaseGestureHandlerProps<U>['onGestureEvent'];\r\n        onGestureHandlerEvent?: InternalEventHandlers['onGestureHandlerEvent'];\r\n      };\r\n      const { onGestureEvent, onGestureHandlerEvent }: OnGestureEventHandlers =\r\n        this.props;\r\n      if (onGestureEvent && typeof onGestureEvent !== 'function') {\r\n        // If it's not a method it should be an native Animated.event\r\n        // object. We set it directly as the handler for the view\r\n        // In this case nested handlers are not going to be supported\r\n        if (onGestureHandlerEvent) {\r\n          throw new Error(\r\n            'Nesting touch handlers with native animated driver is not supported yet'\r\n          );\r\n        }\r\n        gestureEventHandler = onGestureEvent;\r\n      } else {\r\n        if (\r\n          onGestureHandlerEvent &&\r\n          typeof onGestureHandlerEvent !== 'function'\r\n        ) {\r\n          throw new Error(\r\n            'Nesting touch handlers with native animated driver is not supported yet'\r\n          );\r\n        }\r\n      }\r\n\r\n      let gestureStateEventHandler = this.onGestureHandlerStateChange;\r\n      // Another instance of https://github.com/microsoft/TypeScript/issues/13995\r\n      type OnGestureStateChangeHandlers = {\r\n        onHandlerStateChange?: BaseGestureHandlerProps<U>['onHandlerStateChange'];\r\n        onGestureHandlerStateChange?: InternalEventHandlers['onGestureHandlerStateChange'];\r\n      };\r\n      const {\r\n        onHandlerStateChange,\r\n        onGestureHandlerStateChange,\r\n      }: OnGestureStateChangeHandlers = this.props;\r\n      if (onHandlerStateChange && typeof onHandlerStateChange !== 'function') {\r\n        // If it's not a method it should be an native Animated.event\r\n        // object. We set it directly as the handler for the view\r\n        // In this case nested handlers are not going to be supported\r\n        if (onGestureHandlerStateChange) {\r\n          throw new Error(\r\n            'Nesting touch handlers with native animated driver is not supported yet'\r\n          );\r\n        }\r\n        gestureStateEventHandler = onHandlerStateChange;\r\n      } else {\r\n        if (\r\n          onGestureHandlerStateChange &&\r\n          typeof onGestureHandlerStateChange !== 'function'\r\n        ) {\r\n          throw new Error(\r\n            'Nesting touch handlers with native animated driver is not supported yet'\r\n          );\r\n        }\r\n      }\r\n      const events = {\r\n        onGestureHandlerEvent: this.state.allowTouches\r\n          ? gestureEventHandler\r\n          : undefined,\r\n        onGestureHandlerStateChange: this.state.allowTouches\r\n          ? gestureStateEventHandler\r\n          : undefined,\r\n      };\r\n\r\n      this.propsRef.current = events;\r\n\r\n      let child: any = null;\r\n      try {\r\n        child = React.Children.only(this.props.children);\r\n      } catch (e) {\r\n        throw new Error(\r\n          tagMessage(\r\n            `${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.`\r\n          )\r\n        );\r\n      }\r\n\r\n      let grandChildren = child.props.children;\r\n      if (\r\n        __DEV__ &&\r\n        child.type &&\r\n        (child.type === 'RNGestureHandlerButton' ||\r\n          child.type.name === 'View' ||\r\n          child.type.displayName === 'View')\r\n      ) {\r\n        grandChildren = React.Children.toArray(grandChildren);\r\n        grandChildren.push(\r\n          <PressabilityDebugView\r\n            key=\"pressabilityDebugView\"\r\n            color=\"mediumspringgreen\"\r\n            hitSlop={child.props.hitSlop}\r\n          />\r\n        );\r\n      }\r\n\r\n      return React.cloneElement(\r\n        child,\r\n        {\r\n          ref: this.refHandler,\r\n          collapsable: false,\r\n          ...(isJestEnv()\r\n            ? {\r\n                handlerType: name,\r\n                handlerTag: this.handlerTag,\r\n              }\r\n            : {}),\r\n          testID: this.props.testID ?? child.props.testID,\r\n          ...events,\r\n        },\r\n        grandChildren\r\n      );\r\n    }\r\n  }\r\n  return Handler;\r\n}\r\n"]}

package/lib/module/handlers/createNativeWrapper.js

@@ -0,0 +1,62 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from 'react';
+import { useImperativeHandle, useRef } from 'react';
+import { NativeViewGestureHandler, nativeViewProps } from './NativeViewGestureHandler';
+/*
+ * This array should consist of:
+ *   - All keys in propTypes from NativeGestureHandler
+ *     (and all keys in GestureHandlerPropTypes)
+ *   - 'onGestureHandlerEvent'
+ *   - 'onGestureHandlerStateChange'
+ */
+
+const NATIVE_WRAPPER_PROPS_FILTER = [...nativeViewProps, 'onGestureHandlerEvent', 'onGestureHandlerStateChange'];
+export default function createNativeWrapper(Component, config = {}) {
+  var _Component$render;
+
+  const ComponentWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
+    // filter out props that should be passed to gesture handler wrapper
+    const gestureHandlerProps = Object.keys(props).reduce((res, key) => {
+      // TS being overly protective with it's types, see https://github.com/microsoft/TypeScript/issues/26255#issuecomment-458013731 for more info
+      const allowedKeys = NATIVE_WRAPPER_PROPS_FILTER;
+
+      if (allowedKeys.includes(key)) {
+        // @ts-ignore FIXME(TS)
+        res[key] = props[key];
+      }
+
+      return res;
+    }, { ...config
+    } // watch out not to modify config
+    );
+
+    const _ref = useRef();
+
+    const _gestureHandlerRef = useRef();
+
+    useImperativeHandle(ref, // @ts-ignore TODO(TS) decide how nulls work in this context
+    () => {
+      const node = _gestureHandlerRef.current; // add handlerTag for relations config
+
+      if (_ref.current && node) {
+        // @ts-ignore FIXME(TS) think about createHandler return type
+        _ref.current.handlerTag = node.handlerTag;
+        return _ref.current;
+      }
+
+      return null;
+    }, [_ref, _gestureHandlerRef]);
+    return /*#__PURE__*/React.createElement(NativeViewGestureHandler, _extends({}, gestureHandlerProps, {
+      // @ts-ignore TODO(TS)
+      ref: _gestureHandlerRef
+    }), /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      ref: _ref
+    })));
+  }); // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+
+  ComponentWrapper.displayName = (Component === null || Component === void 0 ? void 0 : Component.displayName) || ( // @ts-ignore if render doesn't exist it will return undefined and go further
+  Component === null || Component === void 0 ? void 0 : (_Component$render = Component.render) === null || _Component$render === void 0 ? void 0 : _Component$render.name) || typeof Component === 'string' && Component || 'ComponentWrapper';
+  return ComponentWrapper;
+}
+//# sourceMappingURL=createNativeWrapper.js.map

package/lib/module/handlers/createNativeWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["createNativeWrapper.tsx"],"names":["React","useImperativeHandle","useRef","NativeViewGestureHandler","nativeViewProps","NATIVE_WRAPPER_PROPS_FILTER","createNativeWrapper","Component","config","ComponentWrapper","forwardRef","props","ref","gestureHandlerProps","Object","keys","reduce","res","key","allowedKeys","includes","_ref","_gestureHandlerRef","node","current","handlerTag","displayName","render","name"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,mBAAT,EAA8BC,MAA9B,QAA4C,OAA5C;AAEA,SACEC,wBADF,EAGEC,eAHF,QAIO,4BAJP;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,2BAA2B,GAAG,CAClC,GAAGD,eAD+B,EAElC,uBAFkC,EAGlC,6BAHkC,CAApC;AAMA,eAAe,SAASE,mBAAT,CACbC,SADa,EAEbC,MAA+C,GAAG,EAFrC,EAGb;AAAA;;AACA,QAAMC,gBAAgB,gBAAGT,KAAK,CAACU,UAAN,CAGvB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChB;AACA,UAAMC,mBAAmB,GAAGC,MAAM,CAACC,IAAP,CAAYJ,KAAZ,EAAmBK,MAAnB,CAC1B,CAACC,GAAD,EAAMC,GAAN,KAAc;AACZ;AACA,YAAMC,WAA8B,GAAGd,2BAAvC;;AACA,UAAIc,WAAW,CAACC,QAAZ,CAAqBF,GAArB,CAAJ,EAA+B;AAC7B;AACAD,QAAAA,GAAG,CAACC,GAAD,CAAH,GAAWP,KAAK,CAACO,GAAD,CAAhB;AACD;;AACD,aAAOD,GAAP;AACD,KATyB,EAU1B,EAAE,GAAGT;AAAL,KAV0B,CAUZ;AAVY,KAA5B;;AAYA,UAAMa,IAAI,GAAGnB,MAAM,EAAnB;;AACA,UAAMoB,kBAAkB,GAAGpB,MAAM,EAAjC;;AACAD,IAAAA,mBAAmB,CACjBW,GADiB,EAEjB;AACA,UAAM;AACJ,YAAMW,IAAI,GAAGD,kBAAkB,CAACE,OAAhC,CADI,CAEJ;;AACA,UAAIH,IAAI,CAACG,OAAL,IAAgBD,IAApB,EAA0B;AACxB;AACAF,QAAAA,IAAI,CAACG,OAAL,CAAaC,UAAb,GAA0BF,IAAI,CAACE,UAA/B;AACA,eAAOJ,IAAI,CAACG,OAAZ;AACD;;AACD,aAAO,IAAP;AACD,KAZgB,EAajB,CAACH,IAAD,EAAOC,kBAAP,CAbiB,CAAnB;AAeA,wBACE,oBAAC,wBAAD,eACMT,mBADN;AAEE;AACA,MAAA,GAAG,EAAES;AAHP,qBAIE,oBAAC,SAAD,eAAeX,KAAf;AAAsB,MAAA,GAAG,EAAEU;AAA3B,OAJF,CADF;AAQD,GA1CwB,CAAzB,CADA,CA6CA;;AACAZ,EAAAA,gBAAgB,CAACiB,WAAjB,GACE,CAAAnB,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEmB,WAAX,OACA;AACAnB,EAAAA,SAFA,aAEAA,SAFA,4CAEAA,SAAS,CAAEoB,MAFX,sDAEA,kBAAmBC,IAFnB,KAGC,OAAOrB,SAAP,KAAqB,QAArB,IAAiCA,SAHlC,IAIA,kBALF;AAOA,SAAOE,gBAAP;AACD","sourcesContent":["import * as React from 'react';\r\nimport { useImperativeHandle, useRef } from 'react';\r\n\r\nimport {\r\n  NativeViewGestureHandler,\r\n  NativeViewGestureHandlerProps,\r\n  nativeViewProps,\r\n} from './NativeViewGestureHandler';\r\n\r\n/*\r\n * This array should consist of:\r\n *   - All keys in propTypes from NativeGestureHandler\r\n *     (and all keys in GestureHandlerPropTypes)\r\n *   - 'onGestureHandlerEvent'\r\n *   - 'onGestureHandlerStateChange'\r\n */\r\nconst NATIVE_WRAPPER_PROPS_FILTER = [\r\n  ...nativeViewProps,\r\n  'onGestureHandlerEvent',\r\n  'onGestureHandlerStateChange',\r\n] as const;\r\n\r\nexport default function createNativeWrapper<P>(\r\n  Component: React.ComponentType<P>,\r\n  config: Readonly<NativeViewGestureHandlerProps> = {}\r\n) {\r\n  const ComponentWrapper = React.forwardRef<\r\n    React.ComponentType<any>,\r\n    P & NativeViewGestureHandlerProps\r\n  >((props, ref) => {\r\n    // filter out props that should be passed to gesture handler wrapper\r\n    const gestureHandlerProps = Object.keys(props).reduce(\r\n      (res, key) => {\r\n        // TS being overly protective with it's types, see https://github.com/microsoft/TypeScript/issues/26255#issuecomment-458013731 for more info\r\n        const allowedKeys: readonly string[] = NATIVE_WRAPPER_PROPS_FILTER;\r\n        if (allowedKeys.includes(key)) {\r\n          // @ts-ignore FIXME(TS)\r\n          res[key] = props[key];\r\n        }\r\n        return res;\r\n      },\r\n      { ...config } // watch out not to modify config\r\n    );\r\n    const _ref = useRef<React.ComponentType<P>>();\r\n    const _gestureHandlerRef = useRef<React.ComponentType<P>>();\r\n    useImperativeHandle(\r\n      ref,\r\n      // @ts-ignore TODO(TS) decide how nulls work in this context\r\n      () => {\r\n        const node = _gestureHandlerRef.current;\r\n        // add handlerTag for relations config\r\n        if (_ref.current && node) {\r\n          // @ts-ignore FIXME(TS) think about createHandler return type\r\n          _ref.current.handlerTag = node.handlerTag;\r\n          return _ref.current;\r\n        }\r\n        return null;\r\n      },\r\n      [_ref, _gestureHandlerRef]\r\n    );\r\n    return (\r\n      <NativeViewGestureHandler\r\n        {...gestureHandlerProps}\r\n        // @ts-ignore TODO(TS)\r\n        ref={_gestureHandlerRef}>\r\n        <Component {...props} ref={_ref} />\r\n      </NativeViewGestureHandler>\r\n    );\r\n  });\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\r\n  ComponentWrapper.displayName =\r\n    Component?.displayName ||\r\n    // @ts-ignore if render doesn't exist it will return undefined and go further\r\n    Component?.render?.name ||\r\n    (typeof Component === 'string' && Component) ||\r\n    'ComponentWrapper';\r\n\r\n  return ComponentWrapper;\r\n}\r\n"]}