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

package/src/handlers/createNativeWrapper.tsx

@@ -1,81 +1,81 @@
-import * as React from 'react';
-import { useImperativeHandle, useRef } from 'react';
-
-import {
-  NativeViewGestureHandler,
-  NativeViewGestureHandlerProps,
-  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',
-] as const;
-
-export default function createNativeWrapper<P>(
-  Component: React.ComponentType<P>,
-  config: Readonly<NativeViewGestureHandlerProps> = {}
-) {
-  const ComponentWrapper = React.forwardRef<
-    React.ComponentType<any>,
-    P & NativeViewGestureHandlerProps
-  >((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: readonly string[] = 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<React.ComponentType<P>>();
-    const _gestureHandlerRef = useRef<React.ComponentType<P>>();
-    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 (
-      <NativeViewGestureHandler
-        {...gestureHandlerProps}
-        // @ts-ignore TODO(TS)
-        ref={_gestureHandlerRef}
-      >
-        <Component {...props} ref={_ref} />
-      </NativeViewGestureHandler>
-    );
-  });
-
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  ComponentWrapper.displayName =
-    Component?.displayName ||
-    // @ts-ignore if render doesn't exist it will return undefined and go further
-    Component?.render?.name ||
-    (typeof Component === 'string' && Component) ||
-    'ComponentWrapper';
-
-  return ComponentWrapper;
-}
+import * as React from 'react';
+import { useImperativeHandle, useRef } from 'react';
+
+import {
+  NativeViewGestureHandler,
+  NativeViewGestureHandlerProps,
+  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',
+] as const;
+
+export default function createNativeWrapper<P>(
+  Component: React.ComponentType<P>,
+  config: Readonly<NativeViewGestureHandlerProps> = {}
+) {
+  const ComponentWrapper = React.forwardRef<
+    React.ComponentType<any>,
+    P & NativeViewGestureHandlerProps
+  >((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: readonly string[] = 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<React.ComponentType<P>>();
+    const _gestureHandlerRef = useRef<React.ComponentType<P>>();
+    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 (
+      <NativeViewGestureHandler
+        {...gestureHandlerProps}
+        // @ts-ignore TODO(TS)
+        ref={_gestureHandlerRef}
+      >
+        <Component {...props} ref={_ref} />
+      </NativeViewGestureHandler>
+    );
+  });
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  ComponentWrapper.displayName =
+    Component?.displayName ||
+    // @ts-ignore if render doesn't exist it will return undefined and go further
+    Component?.render?.name ||
+    (typeof Component === 'string' && Component) ||
+    'ComponentWrapper';
+
+  return ComponentWrapper;
+}

package/src/handlers/gestureHandlerCommon.ts

@@ -1,15 +1,15 @@
-import { RNGestureHandlerModule } from '../RNGestureHandlerModule'; // RNGH: patch
-
-let flushOperationsScheduled = false;
-
-export function scheduleFlushOperations() {
-  if (!flushOperationsScheduled) {
-    flushOperationsScheduled = true;
-    queueMicrotask(() => {
-      if (RNGestureHandlerModule) {
-        RNGestureHandlerModule.flushOperations();
-      }
-      flushOperationsScheduled = false;
-    });
-  }
-}
+import { RNGestureHandlerModule } from '../RNGestureHandlerModule'; // RNGH: patch
+
+let flushOperationsScheduled = false;
+
+export function scheduleFlushOperations() {
+  if (!flushOperationsScheduled) {
+    flushOperationsScheduled = true;
+    queueMicrotask(() => {
+      if (RNGestureHandlerModule) {
+        RNGestureHandlerModule.flushOperations();
+      }
+      flushOperationsScheduled = false;
+    });
+  }
+}