Filter config

packages/react-native-gesture-handler/src/v3/hooks/gestures/fling/FlingProperties.ts

@@ -0,0 +1,26 @@
+export type FlingGestureNativeProperties = {
+  /**
+   * Expressed allowed direction of movement. It's possible to pass one or many
+   * directions in one parameter:
+   *
+   * ```js
+   * direction={Directions.RIGHT | Directions.LEFT}
+   * ```
+   *
+   * or
+   *
+   * ```js
+   * direction={Directions.DOWN}
+   * ```
+   */
+  direction?: number;
+
+  /**
+   * Determine exact number of points required to handle the fling gesture.
+   */
+  numberOfPointers?: number;
+};
+
+export const FlingNativeProperties = new Set<
+  keyof FlingGestureNativeProperties
+>(['direction', 'numberOfPointers']);

packages/react-native-gesture-handler/src/v3/hooks/gestures/useFling.ts → packages/react-native-gesture-handler/src/v3/hooks/gestures/fling/useFling.ts

@@ -3,32 +3,10 @@ import {
   ExcludeInternalConfigProps,
   SingleGestureName,
   WithSharedValue,
-} from '../../types';
-import { useGesture } from '../useGesture';
-import { cloneConfig } from '../utils';
-
-type FlingGestureProperties = WithSharedValue<{
-  /**
-   * Expressed allowed direction of movement. It's possible to pass one or many
-   * directions in one parameter:
-   *
-   * ```js
-   * direction={Directions.RIGHT | Directions.LEFT}
-   * ```
-   *
-   * or
-   *
-   * ```js
-   * direction={Directions.DOWN}
-   * ```
-   */
-  direction?: number;
-
-  /**
-   * Determine exact number of points required to handle the fling gesture.
-   */
-  numberOfPointers?: number;
-}>;
+} from '../../../types';
+import { useGesture } from '../../useGesture';
+import { cloneConfig } from '../../utils';
+import type { FlingGestureNativeProperties } from './FlingProperties';
 
 type FlingHandlerData = {
   x: number;
@@ -37,6 +15,8 @@ type FlingHandlerData = {
   absoluteY: number;
 };
 
+type FlingGestureProperties = WithSharedValue<FlingGestureNativeProperties>;
+
 type FlingGestureInternalConfig = BaseGestureConfig<
   FlingHandlerData,
   FlingGestureProperties

packages/react-native-gesture-handler/src/v3/hooks/gestures/hover/HoverProperties.ts

@@ -0,0 +1,18 @@
+import { HoverEffect } from '../../../../handlers/gestures/hoverGesture';
+
+export type HoverGestureNativeProperties = {
+  /**
+   * Visual effect applied to the view while the view is hovered. The possible values are:
+   *
+   * - `HoverEffect.None`
+   * - `HoverEffect.Lift`
+   * - `HoverEffect.Highlight`
+   *
+   * Defaults to `HoverEffect.None`
+   */
+  hoverEffect?: HoverEffect;
+};
+
+export const HoverNativeProperties = new Set<
+  keyof HoverGestureNativeProperties
+>(['hoverEffect']);

packages/react-native-gesture-handler/src/v3/hooks/gestures/useHover.ts → packages/react-native-gesture-handler/src/v3/hooks/gestures/hover/useHover.ts

@@ -1,30 +1,15 @@
-import { StylusData } from '../../../handlers/gestureHandlerCommon';
-import { HoverEffect } from '../../../handlers/gestures/hoverGesture';
+import { StylusData } from '../../../../handlers/gestureHandlerCommon';
+import { HoverEffect } from '../../../../handlers/gestures/hoverGesture';
 import {
   BaseGestureConfig,
   ExcludeInternalConfigProps,
   HandlerData,
   SingleGestureName,
   WithSharedValue,
-} from '../../types';
-import { useGesture } from '../useGesture';
-import { cloneConfig, getChangeEventCalculator } from '../utils';
-
-type HoverGestureProperties = WithSharedValue<
-  {
-    /**
-     * Visual effect applied to the view while the view is hovered. The possible values are:
-     *
-     * - `HoverEffect.None`
-     * - `HoverEffect.Lift`
-     * - `HoverEffect.Highlight`
-     *
-     * Defaults to `HoverEffect.None`
-     */
-    hoverEffect?: HoverEffect;
-  },
-  HoverEffect
->;
+} from '../../../types';
+import { useGesture } from '../../useGesture';
+import { cloneConfig, getChangeEventCalculator } from '../../utils';
+import { HoverGestureNativeProperties } from './HoverProperties';
 
 type HoverHandlerData = {
   x: number;
@@ -36,6 +21,11 @@ type HoverHandlerData = {
   changeY: number;
 };
 
+type HoverGestureProperties = WithSharedValue<
+  HoverGestureNativeProperties,
+  HoverEffect
+>;
+
 type HoverGestureInternalConfig = BaseGestureConfig<
   HoverHandlerData,
   HoverGestureProperties

packages/react-native-gesture-handler/src/v3/hooks/gestures/index.ts

@@ -1,26 +1,26 @@
-export type { TapGestureConfig } from './useTap';
-export { useTap } from './useTap';
+export type { TapGestureConfig } from './tap/useTap';
+export { useTap } from './tap/useTap';
 
-export type { FlingGestureConfig } from './useFling';
-export { useFling } from './useFling';
+export type { FlingGestureConfig } from './fling/useFling';
+export { useFling } from './fling/useFling';
 
-export type { LongPressGestureConfig } from './useLongPress';
-export { useLongPress } from './useLongPress';
+export type { LongPressGestureConfig } from './longPress/useLongPress';
+export { useLongPress } from './longPress/useLongPress';
 
-export type { PinchGestureConfig } from './usePinch';
-export { usePinch } from './usePinch';
+export type { PinchGestureConfig } from './pinch/usePinch';
+export { usePinch } from './pinch/usePinch';
 
-export type { RotationGestureConfig } from './useRotation';
-export { useRotation } from './useRotation';
+export type { RotationGestureConfig } from './rotation/useRotation';
+export { useRotation } from './rotation/useRotation';
 
-export type { HoverGestureConfig } from './useHover';
-export { useHover } from './useHover';
+export type { HoverGestureConfig } from './hover/useHover';
+export { useHover } from './hover/useHover';
 
-export type { ManualGestureConfig } from './useManual';
-export { useManual } from './useManual';
+export type { ManualGestureConfig } from './manual/useManual';
+export { useManual } from './manual/useManual';
 
-export type { NativeViewGestureConfig } from './useNative';
-export { useNative } from './useNative';
+export type { NativeViewGestureConfig } from './native/useNative';
+export { useNative } from './native/useNative';
 
-export type { PanGestureConfig } from './usePan';
-export { usePan } from './usePan';
+export type { PanGestureConfig } from './pan/usePan';
+export { usePan } from './pan/usePan';

packages/react-native-gesture-handler/src/v3/hooks/gestures/longPress/LongPressProperties.ts

@@ -0,0 +1,33 @@
+type CommonLongPressGestureProperties = {
+  /**
+   * Determine exact number of points required to handle the long press gesture.
+   */
+  numberOfPointers?: number;
+};
+
+export type LongPressGestureExternalProperties =
+  CommonLongPressGestureProperties & {
+    /**
+     * Minimum time, expressed in milliseconds, that a finger must remain pressed on
+     * the corresponding view. The default value is 500.
+     */
+    minDuration?: number;
+
+    /**
+     * Maximum distance, expressed in points, that defines how far the finger is
+     * allowed to travel during a long press gesture. If the finger travels
+     * further than the defined distance and the handler hasn't yet activated, it
+     * will fail to recognize the gesture. The default value is 10.
+     */
+    maxDistance?: number;
+  };
+
+export type LongPressGestureNativeProperties =
+  CommonLongPressGestureProperties & {
+    minDurationMs?: number;
+    maxDist?: number;
+  };
+
+export const LongPressNativeProperties = new Set<
+  keyof LongPressGestureNativeProperties
+>(['minDurationMs', 'maxDist', 'numberOfPointers']);

packages/react-native-gesture-handler/src/v3/hooks/gestures/useLongPress.ts → packages/react-native-gesture-handler/src/v3/hooks/gestures/longPress/useLongPress.ts

@@ -3,36 +3,13 @@ import {
   ExcludeInternalConfigProps,
   SingleGestureName,
   WithSharedValue,
-} from '../../types';
-import { useGesture } from '../useGesture';
-import { cloneConfig, remapProps } from '../utils';
-
-type LongPressGestureProperties = WithSharedValue<{
-  /**
-   * Minimum time, expressed in milliseconds, that a finger must remain pressed on
-   * the corresponding view. The default value is 500.
-   */
-  minDuration?: number;
-
-  /**
-   * Maximum distance, expressed in points, that defines how far the finger is
-   * allowed to travel during a long press gesture. If the finger travels
-   * further than the defined distance and the handler hasn't yet activated, it
-   * will fail to recognize the gesture. The default value is 10.
-   */
-  maxDistance?: number;
-
-  /**
-   * Determine exact number of points required to handle the long press gesture.
-   */
-  numberOfPointers?: number;
-}>;
-
-type LongPressGestureInternalProperties = WithSharedValue<{
-  minDurationMs?: number;
-  maxDist?: number;
-  numberOfPointers?: number;
-}>;
+} from '../../../types';
+import { useGesture } from '../../useGesture';
+import { cloneConfig, remapProps } from '../../utils';
+import {
+  LongPressGestureExternalProperties,
+  LongPressGestureNativeProperties,
+} from './LongPressProperties';
 
 type LongPressHandlerData = {
   x: number;
@@ -42,6 +19,12 @@ type LongPressHandlerData = {
   duration: number;
 };
 
+type LongPressGestureProperties =
+  WithSharedValue<LongPressGestureExternalProperties>;
+
+type LongPressGestureInternalProperties =
+  WithSharedValue<LongPressGestureNativeProperties>;
+
 export type LongPressGestureConfig = ExcludeInternalConfigProps<
   BaseGestureConfig<LongPressHandlerData, LongPressGestureProperties>
 >;

packages/react-native-gesture-handler/src/v3/hooks/gestures/manual/ManualProperties.ts

@@ -0,0 +1 @@
+export type ManualGestureNativeProperties = Record<string, never>;

packages/react-native-gesture-handler/src/v3/hooks/gestures/useManual.ts → packages/react-native-gesture-handler/src/v3/hooks/gestures/manual/useManual.ts

@@ -2,18 +2,19 @@ import {
   BaseGestureConfig,
   ExcludeInternalConfigProps,
   SingleGestureName,
-} from '../../types';
-import { useGesture } from '../useGesture';
-import { cloneConfig } from '../utils';
+} from '../../../types';
+import { useGesture } from '../../useGesture';
+import { cloneConfig } from '../../utils';
+import { ManualGestureNativeProperties } from './ManualProperties';
 
-type ManualGestureProperties = Record<string, never>;
 type ManualHandlerData = Record<string, never>;
 
+type ManualGestureProperties = ManualGestureNativeProperties;
+
 type ManualGestureInternalConfig = BaseGestureConfig<
   ManualHandlerData,
   ManualGestureProperties
 >;
-
 export type ManualGestureConfig =
   ExcludeInternalConfigProps<ManualGestureInternalConfig>;
 

packages/react-native-gesture-handler/src/v3/hooks/gestures/native/NativeProperties.ts

@@ -0,0 +1,19 @@
+export type NativeGestureNativeProperties = {
+  /**
+   * Android only.
+   *
+   * Determines whether the handler should check for an existing touch event on
+   * instantiation.
+   */
+  shouldActivateOnStart?: boolean;
+
+  /**
+   * When `true`, cancels all other gesture handlers when this
+   * `NativeViewGestureHandler` receives an `ACTIVE` state event.
+   */
+  disallowInterruption?: boolean;
+};
+
+export const NativeHandlerNativeProperties = new Set<
+  keyof NativeGestureNativeProperties
+>(['shouldActivateOnStart', 'disallowInterruption']);

packages/react-native-gesture-handler/src/v3/hooks/gestures/useNative.ts → packages/react-native-gesture-handler/src/v3/hooks/gestures/native/useNative.ts

@@ -3,30 +3,18 @@ import {
   ExcludeInternalConfigProps,
   SingleGestureName,
   WithSharedValue,
-} from '../../types';
-import { useGesture } from '../useGesture';
-import { cloneConfig } from '../utils';
-
-type NativeViewGestureProperties = WithSharedValue<{
-  /**
-   * Android only.
-   *
-   * Determines whether the handler should check for an existing touch event on
-   * instantiation.
-   */
-  shouldActivateOnStart?: boolean;
-
-  /**
-   * When `true`, cancels all other gesture handlers when this
-   * `NativeViewGestureHandler` receives an `ACTIVE` state event.
-   */
-  disallowInterruption?: boolean;
-}>;
+} from '../../../types';
+import { useGesture } from '../../useGesture';
+import { cloneConfig } from '../../utils';
+import { NativeGestureNativeProperties } from './NativeProperties';
 
 type NativeViewHandlerData = {
   pointerInside: boolean;
 };
 
+type NativeViewGestureProperties =
+  WithSharedValue<NativeGestureNativeProperties>;
+
 type NativeViewGestureInternalConfig = BaseGestureConfig<
   NativeViewHandlerData,
   NativeViewGestureProperties