@react-native-oh-tpl/react-native-gesture-handler 2.12.9 → 2.14.1-2.14.8

package/harmony/gesture_handler/src/main/ets/GestureHandler.ts

@@ -1,663 +0,0 @@
-import type { GestureHandlerOrchestrator } from "./GestureHandlerOrchestrator"
-import type { PointerTracker } from "./PointerTracker"
-import type { View } from "./View"
-import type { EventDispatcher } from "./EventDispatcher"
-import type { InteractionManager } from "./InteractionManager"
-import type { RNGHLogger } from './RNGHLogger'
-import { State, getStateName } from "./State"
-import { HitSlop, Directions, AdaptedEvent, PointerType, TouchEventType, EventType } from "./Event"
-import { GestureStateChangeEvent, GestureTouchEvent, TouchData } from "./OutgoingEvent"
-
-
-export interface Handler {
-  handlerTag: number;
-}
-
-export const DEFAULT_TOUCH_SLOP = 15;
-
-export interface GestureConfig {
-  enabled?: boolean;
-  simultaneousHandlers?: Handler[] | null;
-  waitFor?: Handler[] | null;
-  hitSlop?: HitSlop;
-  shouldCancelWhenOutside?: boolean;
-  activateAfterLongPress?: number;
-  failOffsetXStart?: number;
-  failOffsetYStart?: number;
-  failOffsetXEnd?: number;
-  failOffsetYEnd?: number;
-  activeOffsetXStart?: number;
-  activeOffsetXEnd?: number;
-  activeOffsetYStart?: number;
-  activeOffsetYEnd?: number;
-  minPointers?: number;
-  maxPointers?: number;
-  minDist?: number;
-  minDistSq?: number;
-  minVelocity?: number;
-  minVelocityX?: number;
-  minVelocityY?: number;
-  minVelocitySq?: number;
-  maxDist?: number;
-  maxDistSq?: number;
-  numberOfPointers?: number;
-  minDurationMs?: number;
-  numberOfTaps?: number;
-  maxDurationMs?: number;
-  maxDelayMs?: number;
-  maxDeltaX?: number;
-  maxDeltaY?: number;
-  shouldActivateOnStart?: boolean;
-  disallowInterruption?: boolean;
-  direction?: typeof Directions;
-  needsPointerData?: boolean
-  // --- Tap
-  minNumberOfPointers?: number
-}
-
-type PointerId = number
-
-export interface ScrollLocker {
-  lockScrollContainingViewTag(viewTag: number): () => void
-}
-
-export type GestureHandlerDependencies = {
-  handlerTag: number
-  orchestrator: GestureHandlerOrchestrator
-  tracker: PointerTracker
-  interactionManager: InteractionManager
-  logger: RNGHLogger
-  scrollLocker: ScrollLocker
-}
-
-export abstract class GestureHandler<TGestureConfig extends GestureConfig = GestureConfig> {
-  protected config: TGestureConfig = this.getDefaultConfig()
-  protected currentState: State = State.UNDETERMINED
-  protected view: View | undefined = undefined
-  protected lastSentState: State | undefined = undefined
-  protected shouldCancelWhenOutside = false
-
-  protected isActivated = false
-  protected isAwaiting_ = false
-  protected pointerType: PointerType
-  protected activationIndex = 0
-  protected shouldResetProgress = false;
-
-  protected handlerTag: number
-  protected orchestrator: GestureHandlerOrchestrator
-  protected tracker: PointerTracker
-  protected eventDispatcher: EventDispatcher
-  protected interactionManager: InteractionManager
-  protected logger: RNGHLogger
-  protected scrollLocker: ScrollLocker
-
-  constructor(deps: GestureHandlerDependencies
-  ) {
-    this.handlerTag = deps.handlerTag
-    this.orchestrator = deps.orchestrator
-    this.tracker = deps.tracker
-    this.interactionManager = deps.interactionManager
-    this.logger = deps.logger
-    this.scrollLocker = deps.scrollLocker
-  }
-
-  public setEventDispatcher(eventDispatcher: EventDispatcher) {
-    // TurboModule provides info about kind of event dispatcher when attaching GH to a view, not when GH is created.
-    // This method must be called before any other
-    this.eventDispatcher = eventDispatcher
-  }
-
-  public onPointerDown(e: AdaptedEvent) {
-    this.logger.info("onPointerDown")
-    this.orchestrator.registerHandlerIfNotPresent(this);
-    this.pointerType = e.pointerType;
-    if (this.pointerType === PointerType.TOUCH) {
-      this.orchestrator.cancelMouseAndPenGestures(this);
-    }
-    if (this.config.needsPointerData) {
-      this.sendTouchEvent(e);
-    }
-  }
-
-  protected sendTouchEvent(e: AdaptedEvent) {
-    if (!this.config.enabled) {
-      return;
-    }
-
-
-    const touchEvent: GestureTouchEvent | undefined =
-    this.transformToTouchEvent(e);
-
-    if (touchEvent) {
-      this.eventDispatcher.onGestureHandlerEvent(touchEvent)
-    }
-  }
-
-  protected transformToTouchEvent(event: AdaptedEvent): GestureTouchEvent | undefined {
-    const rect = this.view.getBoundingRect();
-
-    const all: TouchData[] = [];
-    const changed: TouchData[] = [];
-
-    const trackerData = this.tracker.getData();
-
-    // This if handles edge case where all pointers have been cancelled
-    // When pointercancel is triggered, reset method is called. This means that tracker will be reset after first pointer being cancelled
-    // The problem is, that handler will receive another pointercancel event from the rest of the pointers
-    // To avoid crashing, we don't send event if tracker tracks no pointers, i.e. has been reset
-    if (trackerData.size === 0 || !trackerData.has(event.pointerId)) {
-      return;
-    }
-
-    trackerData.forEach((element, key): void => {
-      const id: number = this.tracker.getMappedTouchEventId(key);
-
-      all.push({
-        id: id,
-        x: element.lastX - rect.x,
-        y: element.lastY - rect.y,
-        absoluteX: element.lastX,
-        absoluteY: element.lastY,
-      });
-    });
-
-    // Each pointer sends its own event, so we want changed touches to contain only the pointer that has changed.
-    // However, if the event is cancel, we want to cancel all pointers to avoid crashes
-    if (event.eventType !== EventType.CANCEL) {
-      changed.push({
-        id: this.tracker.getMappedTouchEventId(event.pointerId),
-        x: event.x - rect.x,
-        y: event.y - rect.y,
-        absoluteX: event.x,
-        absoluteY: event.y,
-      });
-    } else {
-      trackerData.forEach((element, key: number): void => {
-        const id: number = this.tracker.getMappedTouchEventId(key);
-
-        changed.push({
-          id: id,
-          x: element.lastX - rect.x,
-          y: element.lastY - rect.y,
-          absoluteX: element.lastX,
-          absoluteY: element.lastY,
-        });
-      });
-    }
-
-    let eventType: TouchEventType = TouchEventType.UNDETERMINED;
-
-    switch (event.eventType) {
-      case EventType.DOWN:
-      case EventType.ADDITIONAL_POINTER_DOWN:
-        eventType = TouchEventType.DOWN;
-        break;
-      case EventType.UP:
-      case EventType.ADDITIONAL_POINTER_UP:
-        eventType = TouchEventType.UP;
-        break;
-      case EventType.MOVE:
-        eventType = TouchEventType.MOVE;
-        break;
-      case EventType.CANCEL:
-        eventType = TouchEventType.CANCELLED;
-        break;
-    }
-
-    // Here, when we receive up event, we want to decrease number of touches
-    // That's because we want handler to send information that there's one pointer less
-    // However, we still want this pointer to be present in allTouches array, so that its data can be accessed
-    let numberOfTouches: number = all.length;
-
-    if (
-      event.eventType === EventType.UP ||
-        event.eventType === EventType.ADDITIONAL_POINTER_UP
-    ) {
-      --numberOfTouches;
-    }
-
-    return {
-      handlerTag: this.handlerTag,
-      state: this.currentState,
-      eventType: event.touchEventType ?? eventType,
-      changedTouches: changed,
-      allTouches: all,
-      numberOfTouches: numberOfTouches,
-    };
-  }
-
-  public onPointerUp(e: AdaptedEvent): void {
-    this.logger.info("onPointerUp")
-    if (this.config.needsPointerData) this.sendTouchEvent(e)
-  }
-
-  public onAdditionalPointerAdd(e: AdaptedEvent): void {
-    this.logger.info("onAdditionalPointerAdd")
-    if (this.config.needsPointerData) this.sendTouchEvent(e)
-  }
-
-  public onAdditionalPointerRemove(e: AdaptedEvent): void {
-    this.logger.info("onAdditionalPointerRemove")
-    if (this.config.needsPointerData) this.sendTouchEvent(e)
-  }
-
-  public onPointerMove(e: AdaptedEvent): void {
-    this.logger.info("onPointerMove")
-    this.tryToSendMoveEvent(false);
-    if (this.config.needsPointerData) {
-      this.sendTouchEvent(e);
-    }
-  }
-
-  private tryToSendMoveEvent(out: boolean): void {
-    this.logger.info(`tryToSendMoveEvent ${JSON.stringify({
-      out,
-      enabled: this.config.enabled,
-      isActivated: this.isActivated,
-      shouldCancelWhenOutside: this.shouldCancelWhenOutside
-    })}`)
-    if (
-      this.config.enabled &&
-      this.isActivated &&
-        (!out || (out && !this.shouldCancelWhenOutside))
-    ) {
-      this.sendEvent({ newState: this.currentState, oldState: this.currentState });
-    }
-  }
-
-  public onPointerEnter(e: AdaptedEvent): void {
-    this.logger.info("onPointerEnter")
-    if (this.config.needsPointerData) {
-      this.sendTouchEvent(e)
-    }
-  }
-
-  public onPointerOut(e: AdaptedEvent): void {
-    this.logger.info("onPointerOut")
-    if (this.shouldCancelWhenOutside) {
-      switch (this.currentState) {
-        case State.ACTIVE:
-          this.cancel();
-          break;
-        case State.BEGAN:
-          this.fail();
-          break;
-      }
-      return;
-    }
-    if (this.config.needsPointerData) {
-      this.sendTouchEvent(e);
-    }
-  }
-
-  public onPointerCancel(e: AdaptedEvent): void {
-    this.logger.info("onPointerCancel")
-    if (this.config.needsPointerData) {
-      this.sendTouchEvent(e);
-    }
-    this.cancel();
-    this.reset();
-  }
-
-  public onPointerOutOfBounds(e: AdaptedEvent): void {
-    this.logger.info("onPointerOutOfBounds")
-    this.tryToSendMoveEvent(true);
-    if (this.config.needsPointerData) {
-      this.sendTouchEvent(e);
-    }
-  }
-
-  public onViewAttached(view: View) {
-    this.logger.info("onViewAttached")
-    this.view = view
-  }
-
-  public getTag(): number {
-    return this.handlerTag
-  }
-
-  public getTracker() {
-    return this.tracker
-  }
-
-  public getView() {
-    return this.view
-  }
-
-  public begin(): void {
-    this.logger.info("begin")
-    if (!this.isWithinHitSlop()) return;
-    if (this.currentState === State.UNDETERMINED) {
-      this.moveToState(State.BEGAN);
-    }
-  }
-
-  private isWithinHitSlop(): boolean {
-    if (!this.config.hitSlop) {
-      return true;
-    }
-
-    const width = this.view.getBoundingRect().width;
-    const height = this.view.getBoundingRect().height;
-
-    let left = 0;
-    let top = 0;
-    let right: number = width;
-    let bottom: number = height;
-
-    if (this.config.hitSlop.horizontal !== undefined) {
-      left -= this.config.hitSlop.horizontal;
-      right += this.config.hitSlop.horizontal;
-    }
-
-    if (this.config.hitSlop.vertical !== undefined) {
-      top -= this.config.hitSlop.vertical;
-      bottom += this.config.hitSlop.vertical;
-    }
-
-    if (this.config.hitSlop.left !== undefined) {
-      left = -this.config.hitSlop.left;
-    }
-
-    if (this.config.hitSlop.right !== undefined) {
-      right = width + this.config.hitSlop.right;
-    }
-
-    if (this.config.hitSlop.top !== undefined) {
-      top = -this.config.hitSlop.top;
-    }
-
-    if (this.config.hitSlop.bottom !== undefined) {
-      bottom = width + this.config.hitSlop.bottom;
-    }
-    if (this.config.hitSlop.width !== undefined) {
-      if (this.config.hitSlop.left !== undefined) {
-        right = left + this.config.hitSlop.width;
-      } else if (this.config.hitSlop.right !== undefined) {
-        left = right - this.config.hitSlop.width;
-      }
-    }
-
-    if (this.config.hitSlop.height !== undefined) {
-      if (this.config.hitSlop.top !== undefined) {
-        bottom = top + this.config.hitSlop.height;
-      } else if (this.config.hitSlop.bottom !== undefined) {
-        top = bottom - this.config.hitSlop.height;
-      }
-    }
-
-    const rect = this.view.getBoundingRect();
-    const offsetX: number = this.tracker.getLastX() - rect.x;
-    const offsetY: number = this.tracker.getLastY() - rect.y;
-
-    if (
-      offsetX >= left &&
-        offsetX <= right &&
-        offsetY >= top &&
-        offsetY <= bottom
-    ) {
-      return true;
-    }
-    return false;
-  }
-
-  public activate(): void {
-    this.logger.info("activate")
-    if (this.currentState === State.UNDETERMINED || this.currentState === State.BEGAN) {
-      this.moveToState(State.ACTIVE)
-    }
-  }
-
-  protected moveToState(state: State) {
-    this.logger.info(`moveToState ${getStateName(state)}`)
-    if (state === this.currentState) return;
-    const oldState = this.currentState
-    this.currentState = state;
-    if (this.tracker.getTrackedPointersCount() > 0 && this.config.needsPointerData && this.isFinished()) {
-      this.cancelTouches()
-    }
-    this.orchestrator.onHandlerStateChange(this, state, oldState)
-    this.stateDidChange(state, oldState)
-  }
-
-  private isFinished() {
-    return (
-      this.currentState === State.END ||
-        this.currentState === State.FAILED ||
-        this.currentState === State.CANCELLED
-    );
-  }
-
-  private cancelTouches(): void {
-    const rect = this.view.getBoundingRect();
-    const all: TouchData[] = [];
-    const changed: TouchData[] = [];
-    const trackerData = this.tracker.getData();
-    if (trackerData.size === 0) {
-      return;
-    }
-    trackerData.forEach((element, key): void => {
-      const id: number = this.tracker.getMappedTouchEventId(key);
-      all.push({
-        id: id,
-        x: element.lastX - rect.x,
-        y: element.lastY - rect.y,
-        absoluteX: element.lastX,
-        absoluteY: element.lastY,
-      });
-      changed.push({
-        id: id,
-        x: element.lastX - rect.x,
-        y: element.lastY - rect.y,
-        absoluteX: element.lastX,
-        absoluteY: element.lastY,
-      });
-    });
-    const cancelEvent: GestureTouchEvent = {
-      handlerTag: this.handlerTag,
-      state: this.currentState,
-      eventType: TouchEventType.CANCELLED,
-      changedTouches: changed,
-      allTouches: all,
-      numberOfTouches: all.length,
-    };
-    this.eventDispatcher.onGestureHandlerEvent(cancelEvent)
-  }
-
-  protected stateDidChange(newState: State, oldState: State) {
-    this.logger.info(`stateDidChange from ${getStateName(oldState)} to ${getStateName(newState)}`)
-  }
-
-
-  public updateGestureConfig(config: TGestureConfig): void {
-    this.config = { enabled: true, ...config }
-    if (this.config.shouldCancelWhenOutside !== undefined) {
-      this.setShouldCancelWhenOutside(this.config.shouldCancelWhenOutside);
-    }
-
-    // this.validateHitSlops();
-    if (this.config.enabled) {
-      return;
-    }
-    // switch (this.currentState) {
-    //   case State.ACTIVE:
-    //     this.fail(true);
-    //     break;
-    //   case State.UNDETERMINED:
-    //     this.orchestrator.removeHandlerFromOrchestrator(this);
-    //     break;
-    //   default:
-    //     this.cancel(true);
-    //     break;
-  }
-
-  protected resetConfig(): void {
-    this.config = this.getDefaultConfig()
-  }
-
-  abstract getDefaultConfig(): TGestureConfig
-
-
-  public isEnabled(): boolean {
-    return Boolean(this.config.enabled)
-  }
-
-  public isActive(): boolean {
-    return this.isActivated
-  }
-
-  public cancel(): void {
-    this.logger.info(`cancel`)
-    if (
-      this.currentState === State.ACTIVE ||
-        this.currentState === State.UNDETERMINED ||
-        this.currentState === State.BEGAN
-    ) {
-      this.onCancel();
-      this.moveToState(State.CANCELLED);
-    }
-  }
-
-  protected onCancel(): void {
-  }
-
-  protected onReset(): void {
-  }
-
-  protected resetProgress(): void {
-  }
-
-  public getState(): State {
-    return this.currentState
-  }
-
-  public sendEvent({newState, oldState}: {
-    oldState: State,
-    newState: State
-  }): void {
-    this.logger.info(`sendEvent`)
-    const stateChangeEvent = this.createStateChangeEvent(newState, oldState);
-    if (this.lastSentState !== newState) {
-      this.lastSentState = newState;
-      this.eventDispatcher.onGestureHandlerStateChange(stateChangeEvent);
-    }
-    if (this.currentState === State.ACTIVE) {
-      stateChangeEvent.oldState = undefined;
-      this.eventDispatcher.onGestureHandlerEvent(stateChangeEvent);
-    }
-  }
-
-  private createStateChangeEvent(newState: State, oldState: State): GestureStateChangeEvent {
-    return {
-      numberOfPointers: this.tracker.getTrackedPointersCount(),
-      state: newState,
-      pointerInside: this.view.isPositionInBounds({
-        x: this.tracker.getLastAvgX(),
-        y: this.tracker.getLastAvgY(),
-      }),
-      ...this.transformNativeEvent(),
-      handlerTag: this.handlerTag,
-      target: this.view.getTag(),
-      oldState: newState !== oldState ? oldState : undefined,
-    };
-  }
-
-  protected transformNativeEvent() {
-    return {};
-  }
-
-  setAwaiting(isAwaiting: boolean): void {
-    this.isAwaiting_ = isAwaiting
-  }
-
-  shouldWaitForHandlerFailure(handler: GestureHandler): boolean {
-    if (handler === this)
-      return false;
-    return this.interactionManager.shouldWaitForHandlerFailure(this, handler);
-  }
-
-  shouldRequireToWaitForFailure(handler: GestureHandler): boolean {
-    if (handler === this)
-      return false;
-    return this.interactionManager.shouldRequireHandlerToWaitForFailure(this, handler);
-  }
-
-  shouldWaitFor(otherHandler: GestureHandler): boolean {
-    return (
-      this !== otherHandler &&
-        (this.shouldWaitForHandlerFailure(otherHandler) ||
-        otherHandler.shouldRequireToWaitForFailure(this))
-    );
-  }
-
-  reset(): void {
-    this.logger.info("reset")
-    this.tracker.resetTracker();
-    this.onReset();
-    this.resetProgress();
-    // TODO: reset ArkUIAdapters
-    // this.eventManagers.forEach((manager: EventManager) =>
-    // manager.resetManager()
-    // );
-    this.currentState = State.UNDETERMINED;
-  }
-
-  isAwaiting(): boolean {
-    return this.isAwaiting_
-  }
-
-  setActive(isActivated: boolean): void {
-    this.isActivated = isActivated
-  }
-
-  setActivationIndex(value: number): void {
-    this.activationIndex = value
-  }
-
-  setShouldResetProgress(value: boolean): void {
-    this.shouldResetProgress = value;
-  }
-
-  fail(): void {
-    this.logger.info('fail')
-    if (
-      this.currentState === State.ACTIVE ||
-        this.currentState === State.BEGAN
-    ) {
-      this.moveToState(State.FAILED);
-    }
-    this.resetProgress();
-  }
-
-  shouldBeCancelledByOther(otherHandler: GestureHandler): boolean {
-    if (otherHandler === this)
-      return false;
-    return this.interactionManager.shouldHandlerBeCancelledBy(this, otherHandler);
-  }
-
-  getTrackedPointersID(): PointerId[] {
-    return this.tracker.getTrackedPointersID()
-  }
-
-  shouldRecognizeSimultaneously(otherHandler: GestureHandler): boolean {
-    if (otherHandler === this)
-      return true;
-    return this.interactionManager.shouldRecognizeSimultaneously(this, otherHandler);
-  }
-
-  public getPointerType(): PointerType {
-    return this.pointerType
-  }
-
-  protected setShouldCancelWhenOutside(shouldCancel: boolean) {
-    this.shouldCancelWhenOutside = shouldCancel
-  }
-
-  public end() {
-    this.logger.info("end")
-    if (this.currentState === State.BEGAN || this.currentState === State.ACTIVE) {
-      this.moveToState(State.END);
-    }
-    this.resetProgress();
-  }
-}