react-native-gesture-handler 2.17.1 → 2.18.0

package/src/handlers/gestures/gestureComposition.ts

@@ -29,8 +29,8 @@ export class ComposedGesture extends Gesture {
     if (gesture instanceof BaseGesture) {
       const newConfig = { ...gesture.config };
 
-      // no need to extend `blocksHandlers` here, because it's not changed in composition
-      // the same effect is achieved by reversing the order of 2 gestures in `Exclusive`
+      // No need to extend `blocksHandlers` here, because it's not changed in composition.
+      // The same effect is achieved by reversing the order of 2 gestures in `Exclusive`
       newConfig.simultaneousWith = extendRelation(
         newConfig.simultaneousWith,
         simultaneousGestures
@@ -71,7 +71,7 @@ export class ComposedGesture extends Gesture {
 
 export class SimultaneousGesture extends ComposedGesture {
   prepare() {
-    // this piece of magic works something like this:
+    // This piece of magic works something like this:
     // for every gesture in the array
     const simultaneousArrays = this.gestures.map((gesture) =>
       // we take the array it's in
@@ -97,7 +97,7 @@ export class SimultaneousGesture extends ComposedGesture {
 
 export class ExclusiveGesture extends ComposedGesture {
   prepare() {
-    // transforms the array of gestures into array of grouped raw (not composed) gestures
+    // Transforms the array of gestures into array of grouped raw (not composed) gestures
     // i.e. [gesture1, gesture2, ComposedGesture(gesture3, gesture4)] -> [[gesture1], [gesture2], [gesture3, gesture4]]
     const gestureArrays = this.gestures.map((gesture) =>
       gesture.toGestureArray()
@@ -112,7 +112,7 @@ export class ExclusiveGesture extends ComposedGesture {
         this.requireGesturesToFail.concat(requireToFail)
       );
 
-      // every group gets to wait for all groups before it
+      // Every group gets to wait for all groups before it
       requireToFail = requireToFail.concat(gestureArrays[i]);
     }
   }

package/src/handlers/gestures/gestureStateManager.ts

@@ -13,7 +13,7 @@ const warningMessage = tagMessage(
   'react-native-reanimated is required in order to use synchronous state management'
 );
 
-// check if reanimated module is available, but look for useSharedValue as conditional
+// Check if reanimated module is available, but look for useSharedValue as conditional
 // require of reanimated can sometimes return content of `utils.ts` file (?)
 const REANIMATED_AVAILABLE = Reanimated?.useSharedValue !== undefined;
 const setGestureState = Reanimated?.setGestureState;

package/src/handlers/gestures/longPressGesture.ts

@@ -1,8 +1,6 @@
 import { BaseGesture, BaseGestureConfig } from './gesture';
-import {
-  LongPressGestureConfig,
-  LongPressGestureHandlerEventPayload,
-} from '../LongPressGestureHandler';
+import { LongPressGestureConfig } from '../LongPressGestureHandler';
+import type { LongPressGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
 
 export class LongPressGesture extends BaseGesture<LongPressGestureHandlerEventPayload> {
   public config: BaseGestureConfig & LongPressGestureConfig = {};

package/src/handlers/gestures/nativeGesture.ts

@@ -1,8 +1,6 @@
 import { BaseGestureConfig, BaseGesture } from './gesture';
-import {
-  NativeViewGestureConfig,
-  NativeViewGestureHandlerPayload,
-} from '../NativeViewGestureHandler';
+import { NativeViewGestureConfig } from '../NativeViewGestureHandler';
+import type { NativeViewGestureHandlerPayload } from '../GestureHandlerEventPayload';
 
 export class NativeGesture extends BaseGesture<NativeViewGestureHandlerPayload> {
   public config: BaseGestureConfig & NativeViewGestureConfig = {};

package/src/handlers/gestures/panGesture.ts

@@ -1,9 +1,7 @@
 import { BaseGestureConfig, ContinousBaseGesture } from './gesture';
 import { GestureUpdateEvent } from '../gestureHandlerCommon';
-import {
-  PanGestureConfig,
-  PanGestureHandlerEventPayload,
-} from '../PanGestureHandler';
+import { PanGestureConfig } from '../PanGestureHandler';
+import type { PanGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
 
 export type PanGestureChangeEventPayload = {
   changeX: number;

package/src/handlers/gestures/pinchGesture.ts

@@ -1,5 +1,5 @@
 import { ContinousBaseGesture } from './gesture';
-import { PinchGestureHandlerEventPayload } from '../PinchGestureHandler';
+import type { PinchGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
 import { GestureUpdateEvent } from '../gestureHandlerCommon';
 
 export type PinchGestureChangeEventPayload = {

package/src/handlers/gestures/rotationGesture.ts

@@ -1,5 +1,5 @@
 import { ContinousBaseGesture } from './gesture';
-import { RotationGestureHandlerEventPayload } from '../RotationGestureHandler';
+import type { RotationGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
 import { GestureUpdateEvent } from '../gestureHandlerCommon';
 
 type RotationGestureChangeEventPayload = {

package/src/handlers/gestures/tapGesture.ts

@@ -1,8 +1,6 @@
 import { BaseGestureConfig, BaseGesture } from './gesture';
-import {
-  TapGestureConfig,
-  TapGestureHandlerEventPayload,
-} from '../TapGestureHandler';
+import { TapGestureConfig } from '../TapGestureHandler';
+import type { TapGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
 
 export class TapGesture extends BaseGesture<TapGestureHandlerEventPayload> {
   public config: BaseGestureConfig & TapGestureConfig = {};

package/src/handlers/getNextHandlerTag.ts

@@ -0,0 +1,5 @@
+let handlerTag = 1;
+
+export function getNextHandlerTag(): number {
+  return handlerTag++;
+}

package/src/handlers/handlersRegistry.ts

@@ -7,12 +7,6 @@ const gestures = new Map<number, GestureType>();
 const oldHandlers = new Map<number, GestureHandlerCallbacks>();
 const testIDs = new Map<string, number>();
 
-let handlerTag = 1;
-
-export function getNextHandlerTag(): number {
-  return handlerTag++;
-}
-
 export function registerHandler(
   handlerTag: number,
   handler: GestureType,

package/src/handlers/utils.ts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { Platform, findNodeHandle as findNodeHandleRN } from 'react-native';
+import { handlerIDToTag } from './handlersRegistry';
+import { toArray } from '../utils';
+import RNGestureHandlerModule from '../RNGestureHandlerModule';
+import { ghQueueMicrotask } from '../ghQueueMicrotask';
+
+function isConfigParam(param: unknown, name: string) {
+  // param !== Object(param) returns false if `param` is a function
+  // or an object and returns true if `param` is null
+  return (
+    param !== undefined &&
+    (param !== Object(param) ||
+      !('__isNative' in (param as Record<string, unknown>))) &&
+    name !== 'onHandlerStateChange' &&
+    name !== 'onGestureEvent'
+  );
+}
+
+export function filterConfig(
+  props: Record<string, unknown>,
+  validProps: string[],
+  defaults: Record<string, unknown> = {}
+) {
+  const filteredConfig = { ...defaults };
+  for (const key of validProps) {
+    let value = props[key];
+    if (isConfigParam(value, key)) {
+      if (key === 'simultaneousHandlers' || key === 'waitFor') {
+        value = transformIntoHandlerTags(props[key]);
+      } else if (key === 'hitSlop' && typeof value !== 'object') {
+        value = { top: value, left: value, bottom: value, right: value };
+      }
+      filteredConfig[key] = value;
+    }
+  }
+  return filteredConfig;
+}
+function transformIntoHandlerTags(handlerIDs: any) {
+  handlerIDs = toArray(handlerIDs);
+
+  if (Platform.OS === 'web') {
+    return handlerIDs
+      .map(({ current }: { current: any }) => current)
+      .filter((handle: any) => handle);
+  }
+  // converts handler string IDs into their numeric tags
+  return handlerIDs
+    .map(
+      (handlerID: any) =>
+        handlerIDToTag[handlerID] || handlerID.current?.handlerTag || -1
+    )
+    .filter((handlerTag: number) => handlerTag > 0);
+}
+
+export function findNodeHandle(
+  node: null | number | React.Component<any, any> | React.ComponentClass<any>
+): null | number | React.Component<any, any> | React.ComponentClass<any> {
+  if (Platform.OS === 'web') {
+    return node;
+  }
+  return findNodeHandleRN(node);
+}
+let flushOperationsScheduled = false;
+
+export function scheduleFlushOperations() {
+  if (!flushOperationsScheduled) {
+    flushOperationsScheduled = true;
+    ghQueueMicrotask(() => {
+      RNGestureHandlerModule.flushOperations();
+
+      flushOperationsScheduled = false;
+    });
+  }
+}

package/src/index.ts

@@ -6,16 +6,16 @@ export { PointerType } from './PointerType';
 export { default as gestureHandlerRootHOC } from './components/gestureHandlerRootHOC';
 export { default as GestureHandlerRootView } from './components/GestureHandlerRootView';
 export type {
-  // event types
+  // Event types
   GestureEvent,
   HandlerStateChangeEvent,
-  // event payloads types
+  // Event payloads types
   GestureEventPayload,
   HandlerStateChangeEventPayload,
-  // pointer events
+  // Pointer events
   GestureTouchEvent,
   TouchData,
-  // new api event types
+  // New api event types
   GestureUpdateEvent,
   GestureStateChangeEvent,
 } from './handlers/gestureHandlerCommon';
@@ -23,35 +23,24 @@ export { MouseButton } from './handlers/gestureHandlerCommon';
 export type { GestureType } from './handlers/gestures/gesture';
 export type {
   TapGestureHandlerEventPayload,
-  TapGestureHandlerProps,
-} from './handlers/TapGestureHandler';
-export type {
   ForceTouchGestureHandlerEventPayload,
-  ForceTouchGestureHandlerProps,
-} from './handlers/ForceTouchGestureHandler';
-export type { ForceTouchGestureChangeEventPayload } from './handlers/gestures/forceTouchGesture';
-export type {
   LongPressGestureHandlerEventPayload,
-  LongPressGestureHandlerProps,
-} from './handlers/LongPressGestureHandler';
-export type {
   PanGestureHandlerEventPayload,
-  PanGestureHandlerProps,
-} from './handlers/PanGestureHandler';
-export type { PanGestureChangeEventPayload } from './handlers/gestures/panGesture';
-export type {
   PinchGestureHandlerEventPayload,
-  PinchGestureHandlerProps,
-} from './handlers/PinchGestureHandler';
-export type { PinchGestureChangeEventPayload } from './handlers/gestures/pinchGesture';
-export type {
   RotationGestureHandlerEventPayload,
-  RotationGestureHandlerProps,
-} from './handlers/RotationGestureHandler';
-export type {
+  NativeViewGestureHandlerPayload,
   FlingGestureHandlerEventPayload,
-  FlingGestureHandlerProps,
-} from './handlers/FlingGestureHandler';
+} from './handlers/GestureHandlerEventPayload';
+export type { TapGestureHandlerProps } from './handlers/TapGestureHandler';
+export type { ForceTouchGestureHandlerProps } from './handlers/ForceTouchGestureHandler';
+export type { ForceTouchGestureChangeEventPayload } from './handlers/gestures/forceTouchGesture';
+export type { LongPressGestureHandlerProps } from './handlers/LongPressGestureHandler';
+export type { PanGestureHandlerProps } from './handlers/PanGestureHandler';
+export type { PanGestureChangeEventPayload } from './handlers/gestures/panGesture';
+export type { PinchGestureHandlerProps } from './handlers/PinchGestureHandler';
+export type { PinchGestureChangeEventPayload } from './handlers/gestures/pinchGesture';
+export type { RotationGestureHandlerProps } from './handlers/RotationGestureHandler';
+export type { FlingGestureHandlerProps } from './handlers/FlingGestureHandler';
 export { TapGestureHandler } from './handlers/TapGestureHandler';
 export { ForceTouchGestureHandler } from './handlers/ForceTouchGestureHandler';
 export { LongPressGestureHandler } from './handlers/LongPressGestureHandler';
@@ -60,10 +49,7 @@ export { PinchGestureHandler } from './handlers/PinchGestureHandler';
 export { RotationGestureHandler } from './handlers/RotationGestureHandler';
 export { FlingGestureHandler } from './handlers/FlingGestureHandler';
 export { default as createNativeWrapper } from './handlers/createNativeWrapper';
-export type {
-  NativeViewGestureHandlerPayload,
-  NativeViewGestureHandlerProps,
-} from './handlers/NativeViewGestureHandler';
+export type { NativeViewGestureHandlerProps } from './handlers/NativeViewGestureHandler';
 export { GestureDetector } from './handlers/gestures/GestureDetector';
 export { GestureObjects as Gesture } from './handlers/gestures/gestureObjects';
 export type { TapGestureType as TapGesture } from './handlers/gestures/tapGesture';
@@ -89,7 +75,7 @@ export type {
   BaseButtonProps,
   RectButtonProps,
   BorderlessButtonProps,
-} from './components/GestureButtons';
+} from './components/GestureButtonsProps';
 export {
   RawButton,
   BaseButton,
@@ -118,10 +104,10 @@ export {
 } from './components/GestureComponents';
 export { HoverEffect } from './handlers/gestures/hoverGesture';
 export type {
-  //events
+  // Events
   GestureHandlerGestureEvent,
   GestureHandlerStateChangeEvent,
-  //event payloads
+  // Event payloads
   GestureHandlerGestureEventNativeEvent,
   GestureHandlerStateChangeNativeEvent,
   NativeViewGestureHandlerGestureEvent,
@@ -140,7 +126,7 @@ export type {
   RotationGestureHandlerStateChangeEvent,
   FlingGestureHandlerGestureEvent,
   FlingGestureHandlerStateChangeEvent,
-  // handlers props
+  // Handlers props
   NativeViewGestureHandlerProperties,
   TapGestureHandlerProperties,
   LongPressGestureHandlerProperties,
@@ -149,7 +135,7 @@ export type {
   RotationGestureHandlerProperties,
   FlingGestureHandlerProperties,
   ForceTouchGestureHandlerProperties,
-  // buttons props
+  // Buttons props
   RawButtonProperties,
   BaseButtonProperties,
   RectButtonProperties,
@@ -158,6 +144,9 @@ export type {
 
 export type { SwipeableProps } from './components/Swipeable';
 export { default as Swipeable } from './components/Swipeable';
+export type { PressableProps } from './components/Pressable';
+export { default as Pressable } from './components/Pressable';
+
 export type {
   DrawerLayoutProps,
   DrawerPosition,

package/src/init.ts

@@ -8,7 +8,7 @@ export function initialize() {
   startListening();
 }
 
-// since isFabric() may give wrong results before the first render, we call this
+// Since isFabric() may give wrong results before the first render, we call this
 // method during render of GestureHandlerRootView
 export function maybeInitializeFabric() {
   if (isFabric() && !fabricInitialized) {

package/src/jestUtils/jestUtils.ts

@@ -3,12 +3,10 @@ import { DeviceEventEmitter } from 'react-native';
 import { ReactTestInstance } from 'react-test-renderer';
 import {
   FlingGestureHandler,
-  FlingGestureHandlerEventPayload,
   flingHandlerName,
 } from '../handlers/FlingGestureHandler';
 import {
   ForceTouchGestureHandler,
-  ForceTouchGestureHandlerEventPayload,
   forceTouchHandlerName,
 } from '../handlers/ForceTouchGestureHandler';
 import {
@@ -28,38 +26,42 @@ import { TapGesture } from '../handlers/gestures/tapGesture';
 import { findHandlerByTestID } from '../handlers/handlersRegistry';
 import {
   LongPressGestureHandler,
-  LongPressGestureHandlerEventPayload,
   longPressHandlerName,
 } from '../handlers/LongPressGestureHandler';
+import type {
+  FlingGestureHandlerEventPayload,
+  ForceTouchGestureHandlerEventPayload,
+  LongPressGestureHandlerEventPayload,
+  NativeViewGestureHandlerPayload,
+  PanGestureHandlerEventPayload,
+  PinchGestureHandlerEventPayload,
+  RotationGestureHandlerEventPayload,
+  TapGestureHandlerEventPayload,
+} from '../handlers/GestureHandlerEventPayload';
 import {
   NativeViewGestureHandler,
-  NativeViewGestureHandlerPayload,
   nativeViewHandlerName,
 } from '../handlers/NativeViewGestureHandler';
 import {
   PanGestureHandler,
-  PanGestureHandlerEventPayload,
   panHandlerName,
 } from '../handlers/PanGestureHandler';
 import {
   PinchGestureHandler,
-  PinchGestureHandlerEventPayload,
   pinchHandlerName,
 } from '../handlers/PinchGestureHandler';
 import {
   RotationGestureHandler,
-  RotationGestureHandlerEventPayload,
   rotationHandlerName,
 } from '../handlers/RotationGestureHandler';
 import {
   TapGestureHandler,
-  TapGestureHandlerEventPayload,
   tapHandlerName,
 } from '../handlers/TapGestureHandler';
 import { State } from '../State';
 import { hasProperty, withPrevAndCurrent } from '../utils';
 
-// load fireEvent conditionally, so RNGH may be used in setups without testing-library
+// Load fireEvent conditionally, so RNGH may be used in setups without testing-library
 let fireEvent = (
   _element: ReactTestInstance,
   _name: string,
@@ -72,7 +74,7 @@ try {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
   fireEvent = require('@testing-library/react-native').fireEvent;
 } catch (_e) {
-  // do nothing if not available
+  // Do nothing if not available
 }
 
 type GestureHandlerTestEvent<

package/src/mocks.ts

@@ -14,7 +14,7 @@ import { State } from './State';
 import { Directions } from './Directions';
 
 const NOOP = () => {
-  // do nothing
+  // Do nothing
 };
 const PanGestureHandler = View;
 const attachGestureHandler = NOOP;
@@ -63,7 +63,7 @@ export default {
   updateGestureHandler,
   flushOperations,
   install,
-  // probably can be removed
+  // Probably can be removed
   Directions,
   State,
 } as const;

package/src/utils.ts

@@ -43,7 +43,7 @@ export function tagMessage(msg: string) {
   return `[react-native-gesture-handler] ${msg}`;
 }
 
-// helper method to check whether Fabric is enabled, however global.nativeFabricUIManager
+// Helper method to check whether Fabric is enabled, however global.nativeFabricUIManager
 // may not be initialized before the first render
 export function isFabric(): boolean {
   // @ts-expect-error nativeFabricUIManager is not yet included in the RN types

package/src/web/Gestures.ts

@@ -9,7 +9,7 @@ import NativeViewGestureHandler from './handlers/NativeViewGestureHandler';
 import ManualGestureHandler from './handlers/ManualGestureHandler';
 import HoverGestureHandler from './handlers/HoverGestureHandler';
 
-//Hammer Handlers
+// Hammer Handlers
 import HammerNativeViewGestureHandler from '../web_hammer/NativeViewGestureHandler';
 import HammerPanGestureHandler from '../web_hammer/PanGestureHandler';
 import HammerTapGestureHandler from '../web_hammer/TapGestureHandler';

package/src/web/detectors/RotationGestureDetector.ts

@@ -48,7 +48,7 @@ export default class RotationGestureDetector
     this.anchorX = (firstPointerCoords.x + secondPointerCoords.x) / 2;
     this.anchorY = (firstPointerCoords.y + secondPointerCoords.y) / 2;
 
-    //Angle diff should be positive when rotating in clockwise direction
+    // Angle diff should be positive when rotating in clockwise direction
     const angle: number = -Math.atan2(vectorY, vectorX);
 
     this.rotation = Number.isNaN(this.previousAngle)

package/src/web/detectors/ScaleGestureDetector.ts

@@ -72,7 +72,7 @@ export default class ScaleGestureDetector implements ScaleGestureListener {
       ? event.pointerId
       : undefined;
 
-    //Determine focal point
+    // Determine focal point
 
     const div: number = pointerUp ? numOfPointers - 1 : numOfPointers;
 
@@ -81,7 +81,7 @@ export default class ScaleGestureDetector implements ScaleGestureListener {
     const focusX = coordsSum.x / div;
     const focusY = coordsSum.y / div;
 
-    //Determine average deviation from focal point
+    // Determine average deviation from focal point
 
     let devSumX = 0;
     let devSumY = 0;
@@ -103,7 +103,7 @@ export default class ScaleGestureDetector implements ScaleGestureListener {
 
     const span = Math.hypot(spanX, spanY);
 
-    //Begin/end events
+    // Begin/end events
     const wasInProgress: boolean = this.inProgress;
     this.focusX = focusX;
     this.focusY = focusY;
@@ -128,7 +128,7 @@ export default class ScaleGestureDetector implements ScaleGestureListener {
       this.inProgress = this.onScaleBegin(this);
     }
 
-    //Handle motion
+    // Handle motion
     if (action !== EventTypes.MOVE) {
       return true;
     }

package/src/web/handlers/FlingGestureHandler.ts

@@ -69,7 +69,7 @@ export default class FlingGestureHandler extends GestureHandler {
     const axialDirectionsList = Object.values(Directions);
     const diagonalDirectionsList = Object.values(DiagonalDirections);
 
-    // list of alignments to all activated directions
+    // List of alignments to all activated directions
     const axialAlignmentList = axialDirectionsList.map((direction) =>
       getAlignment(direction, AXIAL_DEVIATION_COSINE)
     );

package/src/web/handlers/GestureHandler.ts

@@ -333,10 +333,10 @@ export default abstract class GestureHandler implements IGestureHandler {
     this.tryToSendMoveEvent(true, event);
   }
   protected onPointerMoveOver(_event: AdaptedEvent): void {
-    // used only by hover gesture handler atm
+    // Used only by hover gesture handler atm
   }
   protected onPointerMoveOut(_event: AdaptedEvent): void {
-    // used only by hover gesture handler atm
+    // Used only by hover gesture handler atm
   }
   private tryToSendMoveEvent(out: boolean, event: AdaptedEvent): void {
     if ((out && this.shouldCancelWhenOutside) || !this.enabled) {
@@ -569,7 +569,7 @@ export default abstract class GestureHandler implements IGestureHandler {
   }
 
   protected transformNativeEvent(): Record<string, unknown> {
-    // those properties are shared by most handlers and if not this method will be overriden
+    // Those properties are shared by most handlers and if not this method will be overriden
     const lastCoords = this.tracker.getAbsoluteCoordsAverage();
     const lastRelativeCoords = this.tracker.getRelativeCoordsAverage();
 
@@ -726,15 +726,9 @@ export default abstract class GestureHandler implements IGestureHandler {
     const offsetX: number = x - rect.pageX;
     const offsetY: number = y - rect.pageY;
 
-    if (
-      offsetX >= left &&
-      offsetX <= right &&
-      offsetY >= top &&
-      offsetY <= bottom
-    ) {
-      return true;
-    }
-    return false;
+    return (
+      offsetX >= left && offsetX <= right && offsetY >= top && offsetY <= bottom
+    );
   }
 
   public isButtonInConfig(mouseButton: MouseButton | undefined) {
@@ -849,11 +843,11 @@ function invokeNullableMethod(
 
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
     if (value?.setValue) {
-      //Reanimated API
+      // Reanimated API
       // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call
       value.setValue(nativeValue);
     } else {
-      //RN Animated API
+      // RN Animated API
       method.__nodeConfig.argMapping[index] = [key, nativeValue];
     }
   }

package/src/web/handlers/NativeViewGestureHandler.ts

@@ -7,8 +7,8 @@ import GestureHandler from './GestureHandler';
 export default class NativeViewGestureHandler extends GestureHandler {
   private buttonRole!: boolean;
 
-  //TODO: Implement logic for activation on start
-  //@ts-ignore Logic yet to be implemented
+  // TODO: Implement logic for activation on start
+  // @ts-ignore Logic yet to be implemented
   private shouldActivateOnStart = false;
   private disallowInterruption = false;
 
@@ -28,7 +28,7 @@ export default class NativeViewGestureHandler extends GestureHandler {
     const view = this.delegate.getView() as HTMLElement;
 
     view.style['touchAction'] = 'auto';
-    //@ts-ignore Turns on defualt touch behavior on Safari
+    // @ts-ignore Turns on defualt touch behavior on Safari
     view.style['WebkitTouchCallout'] = 'auto';
 
     this.buttonRole = view.getAttribute('role') === 'button';

package/src/web/handlers/PanGestureHandler.ts

@@ -210,7 +210,7 @@ export default class PanGestureHandler extends GestureHandler {
     clearTimeout(this.activationTimeout);
   }
 
-  //EventsHandling
+  // Events Handling
   protected onPointerDown(event: AdaptedEvent): void {
     if (!this.isButtonInConfig(event.button)) {
       return;

package/src/web/handlers/TapGestureHandler.ts

@@ -103,7 +103,7 @@ export default class TapGestureHandler extends GestureHandler {
     }
   }
 
-  //Handling Events
+  // Handling Events
   protected onPointerDown(event: AdaptedEvent): void {
     if (!this.isButtonInConfig(event.button)) {
       return;

package/src/web/tools/EventManager.ts

@@ -28,8 +28,8 @@ export default abstract class EventManager<T> {
   protected onPointerUp(_event: AdaptedEvent): void {}
   protected onPointerRemove(_event: AdaptedEvent): void {}
   protected onPointerMove(_event: AdaptedEvent): void {}
-  protected onPointerLeave(_event: AdaptedEvent): void {} // called only when pointer is pressed (or touching)
-  protected onPointerEnter(_event: AdaptedEvent): void {} // called only when pointer is pressed (or touching)
+  protected onPointerLeave(_event: AdaptedEvent): void {} // Called only when pointer is pressed (or touching)
+  protected onPointerEnter(_event: AdaptedEvent): void {} // Called only when pointer is pressed (or touching)
   protected onPointerCancel(_event: AdaptedEvent): void {
     // When pointer cancel is triggered and there are more pointers on the view, only one pointer is cancelled
     // Because we want all pointers to be cancelled by that event, we are doing it manually by reseting handler and changing activePointersCounter to 0

package/src/web/tools/GestureHandlerWebDelegate.ts

@@ -37,16 +37,11 @@ export class GestureHandlerWebDelegate
 
     this.addContextMenuListeners(config);
 
-    if (!config.userSelect) {
-      this.view.style['webkitUserSelect'] = 'none';
-      this.view.style['userSelect'] = 'none';
-    } else {
-      this.view.style['webkitUserSelect'] = config.userSelect;
-      this.view.style['userSelect'] = config.userSelect;
-    }
+    this.view.style['userSelect'] = config.userSelect ?? 'none';
+    this.view.style['webkitUserSelect'] = config.userSelect ?? 'none';
 
     this.view.style['touchAction'] = config.touchAction ?? 'none';
-    //@ts-ignore This one disables default events on Safari
+    // @ts-ignore This one disables default events on Safari
     this.view.style['WebkitTouchCallout'] = 'none';
 
     this.eventManagers.push(new PointerEventManager(this.view));