@react-native-oh-tpl/react-native-gesture-handler 2.14.13 → 2.14.14

package/harmony/gesture_handler/src/main/cpp/RNGestureHandlerRootViewComponentDescriptor.h

@@ -1,36 +0,0 @@
-
-#pragma once
-
-// This file was generated.
-
-#include <react/renderer/core/ConcreteComponentDescriptor.h>
-#include <react/renderer/components/view/ConcreteViewShadowNode.h>
-#include <react/renderer/components/view/ViewShadowNode.h>
-
-namespace facebook {
-namespace react {
-
-extern const char RNGestureHandlerRootViewComponentName[] = "RNGestureHandlerRootView";
-
-class RNGestureHandlerRootViewProps : public ViewProps {
-  public:
-    RNGestureHandlerRootViewProps() = default;
-
-    RNGestureHandlerRootViewProps(const PropsParserContext &context, const RNGestureHandlerRootViewProps &sourceProps, const RawProps &rawProps)
-        : ViewProps(context, sourceProps, rawProps) {}
-};
-
-using RNGestureHandlerRootViewShadowNode = ConcreteViewShadowNode<
-    RNGestureHandlerRootViewComponentName,
-    RNGestureHandlerRootViewProps,
-    ViewEventEmitter>;
-
-class RNGestureHandlerRootViewComponentDescriptor final
-    : public ConcreteComponentDescriptor<RNGestureHandlerRootViewShadowNode> {
-  public:
-    RNGestureHandlerRootViewComponentDescriptor(ComponentDescriptorParameters const &parameters)
-        : ConcreteComponentDescriptor(parameters) {}
-};
-
-} // namespace react
-} // namespace facebook

package/harmony/gesture_handler/src/main/cpp/RNGestureHandlerRootViewJSIBinder.h

@@ -1,25 +0,0 @@
-#pragma once
-
-// This file was generated.
-
-#include "RNOHCorePackage/ComponentBinders/ViewComponentJSIBinder.h"
-
-namespace rnoh {
-class RNGestureHandlerRootViewJSIBinder : public ViewComponentJSIBinder {
-  protected:
-    facebook::jsi::Object createNativeProps(facebook::jsi::Runtime &rt) override {
-        auto object = ViewComponentJSIBinder::createNativeProps(rt);
-        return object;
-    }
-
-    facebook::jsi::Object createDirectEventTypes(facebook::jsi::Runtime &rt) override {
-        facebook::jsi::Object events(rt);
-        return events;
-    }
-
-    facebook::jsi::Object createBubblingEventTypes(facebook::jsi::Runtime &rt) override {
-        facebook::jsi::Object events(rt);
-        return events;
-    }
-};
-} // namespace rnoh

package/harmony/gesture_handler/src/main/ets/core/ViewFinder.ts

@@ -1,11 +0,0 @@
-import { Tag, View } from "./View"
-
-export interface ViewFinder {
-    getTouchableViewsAt(
-      pointRelativeToRoot: {
-        x: number,
-        y: number
-      },
-      rootTag: Tag
-    ): View[]
-  }

package/harmony/gesture_handler/src/main/ets/namespace/RNGestureHandlerModule.ts

@@ -1,24 +0,0 @@
-// This file was generated.
-
-export namespace RNGestureHandlerModule {
-  export const NAME = 'RNGestureHandlerModule' as const
-
-  export interface Spec {
-    handleSetJSResponder(tag: number, blockNativeResponder: boolean): void;
-
-    handleClearJSResponder(): void;
-
-    createGestureHandler(handlerName: string, handlerTag: number, config: Object): void;
-
-    attachGestureHandler(handlerTag: number, newView: number, actionType: number): void;
-
-    updateGestureHandler(handlerTag: number, newConfig: Object): void;
-
-    dropGestureHandler(handlerTag: number): void;
-
-    install(): boolean;
-
-    flushOperations(): void;
-
-  }
-}

package/harmony/gesture_handler/src/main/ets/namespace/components/RNGestureHandlerButton.ts

@@ -1,139 +0,0 @@
-// This file was generated.
-import {
-  Descriptor as ComponentDescriptor,
-  ViewBaseProps,
-  ViewRawProps,
-  ViewDescriptorWrapperBase,
-  ColorValue,
-  Color,
-  RNInstance,
-  Tag,
-  RNComponentCommandReceiver,
-  ViewPropsSelector,
-} from '@rnoh/react-native-openharmony/ts';
-
-
-export namespace RNGestureHandlerButton {
-  export const NAME = "RNGestureHandlerButton" as const
-
-  export interface DirectRawProps {
-    exclusive?: boolean;
-    foreground?: boolean;
-    borderless?: boolean;
-    enabled?: boolean;
-    rippleColor?: ColorValue;
-    rippleRadius?: number;
-    touchSoundDisabled?: boolean;
-  }
-
-  export interface Props extends ViewBaseProps {}
-
-  export interface State {}
-
-  export interface RawProps extends ViewRawProps, DirectRawProps {}
-
-  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
-    get exclusive() {
-      return this.rawProps.exclusive ?? true;
-    }
-
-    get foreground() {
-      return this.rawProps.foreground ?? false;
-    }
-
-    get borderless() {
-      return this.rawProps.borderless ?? false;
-    }
-
-    get enabled() {
-      return this.rawProps.enabled ?? true;
-    }
-
-    get rippleRadius() {
-      return this.rawProps.rippleRadius ?? 0;
-    }
-
-    get touchSoundDisabled() {
-      return this.rawProps.touchSoundDisabled ?? false;
-    }
-
-
-    get rippleColor() {
-      if (this.rawProps.rippleColor) {
-        return Color.fromColorValue(this.rawProps.rippleColor)
-      } else {
-        return new Color({ r: 0, g: 0, b: 0, a: 255})
-      }
-    }
-
-  }
-
-  export type Descriptor = ComponentDescriptor<
-  typeof NAME,
-  Props,
-  State,
-  RawProps
-  >;
-
-  export class DescriptorWrapper extends ViewDescriptorWrapperBase<
-  typeof NAME,
-  Props,
-  State,
-  RawProps,
-  PropsSelector
-  > {
-    protected createPropsSelector() {
-      return new PropsSelector(this.descriptor.props, this.descriptor.rawProps)
-    }
-  }
-
-  export interface EventPayloadByName {
-  }
-
-  export class EventEmitter {
-    constructor(private rnInstance: RNInstance, private tag: Tag) {}
-
-    emit<TEventName extends keyof EventPayloadByName>(eventName: TEventName, payload: EventPayloadByName[TEventName]) {
-      this.rnInstance.emitComponentEvent(this.tag, eventName, payload)
-    }
-  }
-
-  export interface CommandArgvByName {
-  }
-
-  export class CommandReceiver {
-    private listenersByCommandName = new Map<string, Set<(...args: any[]) => void>>()
-    private cleanUp: (() => void) | undefined = undefined
-
-    constructor(private componentCommandReceiver: RNComponentCommandReceiver, private tag: Tag) {
-    }
-
-    subscribe<TCommandName extends keyof CommandArgvByName>(commandName: TCommandName, listener: (argv: CommandArgvByName[TCommandName]) => void) {
-      if (!this.listenersByCommandName.has(commandName)) {
-        this.listenersByCommandName.set(commandName, new Set())
-      }
-      this.listenersByCommandName.get(commandName)!.add(listener)
-      const hasRegisteredCommandReceiver = !!this.cleanUp
-      if (!hasRegisteredCommandReceiver) {
-        this.cleanUp = this.componentCommandReceiver.registerCommandCallback(this.tag, (commandName: string, argv: any[]) => {
-          if (this.listenersByCommandName.has(commandName)) {
-            const listeners = this.listenersByCommandName.get(commandName)!
-            listeners.forEach(listener => {
-              listener(argv)
-            })
-          }
-        })
-      }
-
-      return () => {
-        this.listenersByCommandName.get(commandName)?.delete(listener)
-        if (this.listenersByCommandName.get(commandName)?.size ?? 0 === 0) {
-          this.listenersByCommandName.delete(commandName)
-        }
-        if (this.listenersByCommandName.size === 0) {
-          this.cleanUp?.()
-        }
-      }
-    }
-  }
-}

package/harmony/gesture_handler/src/main/ets/namespace/components/RNGestureHandlerRootView.ts

@@ -1,101 +0,0 @@
-// This file was generated.
-import {
-  Descriptor as ComponentDescriptor,
-  ViewBaseProps,
-  ViewRawProps,
-  ViewDescriptorWrapperBase,
-  ColorValue,
-  Color,
-  RNInstance,
-  Tag,
-  RNComponentCommandReceiver,
-  ViewPropsSelector,
-} from '@rnoh/react-native-openharmony/ts';
-
-
-export namespace RNGestureHandlerRootView {
-  export const NAME = "RNGestureHandlerRootView" as const
-
-  export interface DirectRawProps {
-  }
-
-  export interface Props extends ViewBaseProps {}
-
-  export interface State {}
-
-  export interface RawProps extends ViewRawProps, DirectRawProps {}
-
-  export class PropsSelector extends ViewPropsSelector<Props, RawProps> {
-
-  }
-
-  export type Descriptor = ComponentDescriptor<
-  typeof NAME,
-  Props,
-  State,
-  RawProps
-  >;
-
-  export class DescriptorWrapper extends ViewDescriptorWrapperBase<
-  typeof NAME,
-  Props,
-  State,
-  RawProps,
-  PropsSelector
-  > {
-    protected createPropsSelector() {
-      return new PropsSelector(this.descriptor.props, this.descriptor.rawProps)
-    }
-  }
-
-  export interface EventPayloadByName {
-  }
-
-  export class EventEmitter {
-    constructor(private rnInstance: RNInstance, private tag: Tag) {}
-
-    emit<TEventName extends keyof EventPayloadByName>(eventName: TEventName, payload: EventPayloadByName[TEventName]) {
-      this.rnInstance.emitComponentEvent(this.tag, eventName, payload)
-    }
-  }
-
-  export interface CommandArgvByName {
-  }
-
-  export class CommandReceiver {
-    private listenersByCommandName = new Map<string, Set<(...args: any[]) => void>>()
-    private cleanUp: (() => void) | undefined = undefined
-
-    constructor(private componentCommandReceiver: RNComponentCommandReceiver, private tag: Tag) {
-    }
-
-    subscribe<TCommandName extends keyof CommandArgvByName>(commandName: TCommandName, listener: (argv: CommandArgvByName[TCommandName]) => void) {
-      if (!this.listenersByCommandName.has(commandName)) {
-        this.listenersByCommandName.set(commandName, new Set())
-      }
-      this.listenersByCommandName.get(commandName)!.add(listener)
-      const hasRegisteredCommandReceiver = !!this.cleanUp
-      if (!hasRegisteredCommandReceiver) {
-        this.cleanUp = this.componentCommandReceiver.registerCommandCallback(this.tag, (commandName: string, argv: any[]) => {
-          if (this.listenersByCommandName.has(commandName)) {
-            const listeners = this.listenersByCommandName.get(commandName)!
-            listeners.forEach(listener => {
-              listener(argv)
-            })
-          }
-        })
-      }
-
-      return () => {
-        this.listenersByCommandName.get(commandName)?.delete(listener)
-        if (this.listenersByCommandName.get(commandName)?.size ?? 0 === 0) {
-          this.listenersByCommandName.delete(commandName)
-        }
-        if (this.listenersByCommandName.size === 0) {
-          this.cleanUp?.()
-        }
-      }
-    }
-  }
-
-}

package/harmony/gesture_handler/src/main/ets/namespace/components/ts.ts

@@ -1,2 +0,0 @@
-export * from "./RNGestureHandlerButton"
-export * from "./RNGestureHandlerRootView"

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

@@ -1,2 +0,0 @@
-export * as RNC from "./components/ts"
-export * as TM from "./RNGestureHandlerModule"

package/harmony/gesture_handler/src/main/ets/rnoh/RNGHRootTouchHandlerArkTS.ts

@@ -1,98 +0,0 @@
-import { Tag } from '@rnoh/react-native-openharmony/ts';
-import { GestureHandlerArkUIAdapter } from './GestureHandlerArkUIAdapter';
-import { RNGHLogger, GestureHandlerRegistry, View, ViewFinder } from '../core';
-import { TouchEvent, TouchType } from './types';
-
-export class RNGHRootTouchHandlerArkTS {
-  private adapterByViewTag: Map<number, GestureHandlerArkUIAdapter> = new Map(); // TODO: remove adapter when view is removed
-  /**
-   * A view is ACTIVE, if it recently received POINTER_DOWN event
-   */
-  private activeViewTags = new Set<number>();
-  private viewFinder: ViewFinder;
-  private gestureHandlerRegistry: GestureHandlerRegistry;
-  private logger: RNGHLogger;
-  private rootTag: Tag;
-
-  constructor(
-    rootTag: Tag,
-    viewFinder: ViewFinder,
-    gestureHandlerRegistry: GestureHandlerRegistry,
-    logger: RNGHLogger,
-  ) {
-    this.rootTag = rootTag;
-    this.viewFinder = viewFinder;
-    this.gestureHandlerRegistry = gestureHandlerRegistry;
-    this.logger = logger;
-  }
-
-  /**
-   *
-   * @param touchEvent - TouchEvent. The type is any to allow providing the type in ets file (any and unknowns aren't allowed in ets files).
-   * @param touchableViews - Optional. List of views that can have gesture handler attached for given touch. If not provided, viewFinder will be used.
-   */
-  public handleTouch(touchEvent: any, touchableViews: View[] | null = null) {
-    const e = touchEvent as TouchEvent;
-    if (e.type === TouchType.Down) {
-      this.activeViewTags.clear();
-    }
-    for (const changedTouch of e.changedTouches) {
-      const views = touchableViews ?? this.viewFinder.getTouchableViewsAt(
-        {
-          x: changedTouch.windowX,
-          y: changedTouch.windowY,
-        },
-        this.rootTag,
-      );
-      for (const view of views) {
-        for (const handler of this.gestureHandlerRegistry.getGestureHandlersByViewTag(
-          view.getTag(),
-        )) {
-          this.logger.info(
-            `Found GestureHandler ${handler.getTag()} for view ${view.getTag()}`,
-          );
-
-          // create adapter if necessary
-          if (!this.adapterByViewTag.has(view.getTag())) {
-            this.adapterByViewTag.set(
-              view.getTag(),
-              new GestureHandlerArkUIAdapter(
-                view,
-                this.logger,
-              ),
-            );
-          }
-
-          // attach handler (there might be multiple handlers per view)
-          this.adapterByViewTag.get(view.getTag())!.attachGestureHandler(handler) // TODO: detachGestureHandler
-
-          // register active view tag
-          if (e.type === TouchType.Down) {
-            this.activeViewTags.add(view.getTag());
-          }
-        }
-      }
-
-      // send touch to gesture handlers, prioritize handling touch events for child components
-      if (this.activeViewTags.size > 0) {
-        const tags = Array.from(this.activeViewTags);
-        for (let i = tags.length - 1; i >= 0; i--) {
-          const tag = tags[i];
-          const adapter = this.adapterByViewTag.get(tag);
-          if (adapter) {
-            adapter.handleTouch(e);
-          }
-        }
-      }
-    }
-  }
-
-  public cancelTouches() {
-    for (const activeViewTag of this.activeViewTags) {
-      this.gestureHandlerRegistry.getGestureHandlersByViewTag(activeViewTag).forEach(gh => {
-        gh.cancel()
-        gh.reset()
-      })
-    }
-  }
-}

package/harmony/gesture_handler/src/main/ets/rnoh/RNGHRootTouchHandlerCAPI.ts

@@ -1,110 +0,0 @@
-import { RNGHRootTouchHandlerArkTS } from './RNGHRootTouchHandlerArkTS';
-import { TouchEvent as TouchEventArkTS, TouchType, TouchObject } from './types';
-import { RNGHLogger, View } from '../core';
-import { RawTouchableView } from "./View"
-
-type RawTouchPoint = {
-  pointerId: number;
-  windowX: number;
-  windowY: number;
-};
-
-export type RawTouchEvent = {
-  action: number;
-  actionTouch: RawTouchPoint;
-  touchPoints: RawTouchPoint[];
-  sourceType: number;
-  timestamp: number;
-  /** TouchableViews is a list of views from root to leaf which contain the touch point specified by `actionTouch` in their boundary boxes. */
-  touchableViews: RawTouchableView[]
-};
-
-const CACHED_TOUCHES_MAP = new Map<number, RawTouchPoint>();
-let lastChangedPointerId: number | null = null;
-const MAX_SIZE = 10;
-const areRawTouchPointsEqual = (a: RawTouchPoint, b: RawTouchPoint) =>
-  a.pointerId === b.pointerId &&
-  a.windowX === b.windowX &&
-  a.windowY === b.windowY;
-
-
-export class RNGHRootTouchHandlerCAPI {
-  private logger: RNGHLogger;
-
-  constructor(
-    logger: RNGHLogger,
-    private touchHandlerArkTS: RNGHRootTouchHandlerArkTS,
-  ) {
-    this.logger = logger.cloneWithPrefix('RNGHRootTouchHandlerCAPI');
-  }
-
-  handleTouch(rawTouchEvent: RawTouchEvent, touchableViews: View[]) {
-    this.touchHandlerArkTS.handleTouch(
-      touchEventArkTSFromRawTouchEvent(rawTouchEvent), touchableViews
-    );
-  }
-
-  cancelTouches() {
-    this.touchHandlerArkTS.cancelTouches()
-  }
-}
-
-function touchEventArkTSFromRawTouchEvent(raw: RawTouchEvent): TouchEventArkTS {
-  const touchType = touchTypeFromAction(raw.action);
-  const actionTouch = raw.actionTouch;
-  let hasTouchChanged = true;
-  let lastChangedTouch: RawTouchPoint = actionTouch;
-  if (CACHED_TOUCHES_MAP.has(actionTouch.pointerId)) {
-    if (areRawTouchPointsEqual(actionTouch, CACHED_TOUCHES_MAP.get(actionTouch.pointerId) as RawTouchPoint)) {
-      hasTouchChanged = false;
-    } else {
-      lastChangedPointerId = actionTouch.pointerId;
-      CACHED_TOUCHES_MAP.set(actionTouch.pointerId, actionTouch);
-    }
-  } else {
-    // remove first element if the cache is full
-    if (CACHED_TOUCHES_MAP.size >= MAX_SIZE) {
-      CACHED_TOUCHES_MAP.delete(CACHED_TOUCHES_MAP.keys().next().value);
-    }
-    lastChangedPointerId = actionTouch.pointerId;
-    CACHED_TOUCHES_MAP.set(actionTouch.pointerId, actionTouch);
-  }
-  lastChangedTouch = CACHED_TOUCHES_MAP.get(lastChangedPointerId as number) as RawTouchPoint
-  return {
-    type: touchTypeFromAction(raw.action),
-    touches: raw.touchPoints.map(tp =>
-    touchObjectFromTouchPoint(tp, touchType),
-    ),
-    changedTouches: [
-      touchObjectFromTouchPoint(lastChangedTouch, touchType),
-    ],
-    timestamp: raw.timestamp / Math.pow(10, 6),
-  };
-}
-
-function touchTypeFromAction(action: number): TouchType {
-  switch (action) {
-    case 1:
-      return TouchType.Down;
-    case 2:
-      return TouchType.Move;
-    case 3:
-      return TouchType.Up;
-    default:
-      return TouchType.Cancel;
-  }
-}
-
-function touchObjectFromTouchPoint(
-  touchPoint: RawTouchPoint,
-  touchType: TouchType,
-): TouchObject {
-  return {
-    id: touchPoint.pointerId,
-    windowX: touchPoint.windowX,
-    windowY: touchPoint.windowY,
-    x: touchPoint.windowX,
-    y: touchPoint.windowY,
-    type: touchType,
-  };
-}

package/harmony/gesture_handler/src/main/ets/rnoh/RNGestureHandlerButton.ets

@@ -1,38 +0,0 @@
-import { RNOHContext, RNViewBase, ComponentBuilderContext, RNComponentFactory, Tag } from "@rnoh/react-native-openharmony"
-import { RNC } from "../namespace/ts"
-
-export type RNGestureHandlerButtonDescriptor = RNC.RNGestureHandlerButton.Descriptor
-
-@Component
-export struct RNGestureHandlerButton {
-  static readonly NAME = RNC.RNGestureHandlerButton.NAME
-  public ctx!: RNOHContext
-  public tag: number = -1
-  @BuilderParam public buildCustomComponent: (componentBuilderContext: ComponentBuilderContext) => void
-
-  @State private descriptor: RNGestureHandlerButtonDescriptor = {} as RNGestureHandlerButtonDescriptor
-  private unsubscribes: (() => void)[] = []
-
-  aboutToAppear() {
-    this.handleDescriptorChange(this.ctx.descriptorRegistry.getDescriptor<RNGestureHandlerButtonDescriptor>(this.tag))
-    this.unsubscribes.push(this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag, (d) => {
-      this.handleDescriptorChange(d as RNGestureHandlerButtonDescriptor)
-    }))
-  }
-
-  aboutToDisappear() {
-    this.unsubscribes.forEach(unsubscribe => unsubscribe())
-  }
-
-  handleDescriptorChange(newDescriptor: RNGestureHandlerButtonDescriptor) {
-    this.descriptor = newDescriptor
-  }
-
-  build() {
-    RNViewBase({ ctx: this.ctx, tag: this.tag }) {
-      ForEach(this.descriptor.childrenTags, (childrenTag: Tag) => {
-        RNComponentFactory({ ctx: this.ctx, tag: childrenTag, buildCustomComponent: this.buildCustomComponent })
-      })
-    }
-  }
-}

package/harmony/gesture_handler/src/main/ets/rnoh/RNGestureHandlerRootView.ets

@@ -1,53 +0,0 @@
-import { RNOHContext, RNViewBase, ComponentBuilderContext, RNComponentFactory, Tag } from "@rnoh/react-native-openharmony"
-import { RNC } from "../namespace/ts"
-import { RNGHRootTouchHandlerArkTS as RNGHRootTouchHandler } from "./RNGHRootTouchHandlerArkTS"
-import { RNGestureHandlerModule } from "./RNGestureHandlerModule"
-
-
-export type RNGestureHandlerRootViewDescriptor = RNC.RNGestureHandlerRootView.Descriptor
-
-@Component
-export struct RNGestureHandlerRootView {
-  static readonly NAME = RNC.RNGestureHandlerRootView.NAME
-  ctx!: RNOHContext
-  tag: number = -1
-  @BuilderParam buildCustomComponent: (componentBuilderContext: ComponentBuilderContext) => void
-  @State descriptor: RNGestureHandlerRootViewDescriptor = {} as RNGestureHandlerRootViewDescriptor
-  private unsubscribes: (() => void)[] = []
-  private touchHandler: RNGHRootTouchHandler | undefined = undefined
-
-  aboutToAppear() {
-    const rnGestureHandlerModule = this.ctx.rnInstance.getTurboModule<RNGestureHandlerModule>(RNGestureHandlerModule.NAME)
-    const rootTag = this.ctx.descriptorRegistry.getDescriptorLineage(this.tag)[0].tag
-    this.touchHandler = new RNGHRootTouchHandler(rootTag, rnGestureHandlerModule.getViewRegistry(), rnGestureHandlerModule.getGestureHandlerRegistry(), rnGestureHandlerModule.getLogger())
-    this.handleDescriptorChange(this.ctx.descriptorRegistry.getDescriptor<RNGestureHandlerRootViewDescriptor>(this.tag))
-    this.unsubscribes.push(this.ctx.descriptorRegistry.subscribeToDescriptorChanges(this.tag, (d) => {
-      this.handleDescriptorChange(d as RNGestureHandlerRootViewDescriptor)
-    }))
-  }
-
-  aboutToDisappear() {
-    this.unsubscribes.forEach(unsubscribe => unsubscribe())
-  }
-
-  handleDescriptorChange(newDescriptor: RNGestureHandlerRootViewDescriptor) {
-    this.descriptor = newDescriptor
-  }
-
-  build() {
-    RNViewBase({ ctx: this.ctx, tag: this.tag }) {
-      ForEach(this.descriptor.childrenTags, (childrenTag: Tag) => {
-        RNComponentFactory({ ctx: this.ctx, tag: childrenTag, buildCustomComponent: this.buildCustomComponent })
-      })
-      Stack() {
-      }
-      .width("100%")
-      .height("100%")
-      .onTouch((e) => {
-        this.touchHandler?.handleTouch(e)
-      })
-      .hitTestBehavior(HitTestMode.Transparent)
-
-    }
-  }
-}