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

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

@@ -1,36 +1,36 @@
-export class Vector2D {
-  constructor(
-    private val: {
-      x: number;
-      y: number;
-    } = {x: 0, y: 0},
-  ) {}
-
-  get x() {
-    return this.val.x;
-  }
-
-  get y() {
-    return this.val.y;
-  }
-
-  get value() {
-    return {...this.val};
-  }
-
-  public clone() {
-    return new Vector2D({...this.val});
-  }
-
-  public subtract(vec: Vector2D) {
-    this.val.x -= vec.x;
-    this.val.y -= vec.y;
-    return this;
-  }
-
-  public add(vec: Vector2D) {
-    this.val.x += vec.x;
-    this.val.y += vec.y;
-    return this;
-  }
-}
+export class Vector2D {
+  constructor(
+    private val: {
+      x: number;
+      y: number;
+    } = {x: 0, y: 0},
+  ) {}
+
+  get x() {
+    return this.val.x;
+  }
+
+  get y() {
+    return this.val.y;
+  }
+
+  get value() {
+    return {...this.val};
+  }
+
+  public clone() {
+    return new Vector2D({...this.val});
+  }
+
+  public subtract(vec: Vector2D) {
+    this.val.x -= vec.x;
+    this.val.y -= vec.y;
+    return this;
+  }
+
+  public add(vec: Vector2D) {
+    this.val.x += vec.x;
+    this.val.y += vec.y;
+    return this;
+  }
+}

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

@@ -1,98 +1,98 @@
-import { AdaptedEvent } from './Event';
-import { CircularBuffer } from './CircularBuffer';
-import { LeastSquareSolver } from './LeastSquareSolver';
-
-export default class VelocityTracker {
-  private assumePointerMoveStoppedMilliseconds = 40;
-  private historySize = 20;
-  private horizonMilliseconds = 300;
-  private minSampleSize = 3;
-
-  private samples: CircularBuffer<AdaptedEvent>;
-
-  constructor() {
-    this.samples = new CircularBuffer<AdaptedEvent>(this.historySize);
-  }
-
-  public add(event: AdaptedEvent): void {
-    this.samples.push(event);
-  }
-
-  /// Returns an estimate of the velocity of the object being tracked by the
-  /// tracker given the current information available to the tracker.
-  ///
-  /// Information is added using [addPosition].
-  ///
-  /// Returns null if there is no data on which to base an estimate.
-  private getVelocityEstimate(): [number, number] | null {
-    const x = [];
-    const y = [];
-    const w = [];
-    const time = [];
-
-    let sampleCount = 0;
-    let index = this.samples.size - 1;
-    const newestSample = this.samples.get(index);
-    if (!newestSample) {
-      return null;
-    }
-
-    let previousSample = newestSample;
-
-    // Starting with the most recent PointAtTime sample, iterate backwards while
-    // the samples represent continuous motion.
-    while (sampleCount < this.samples.size) {
-      const sample = this.samples.get(index);
-
-      const age = newestSample.time - sample.time;
-      const delta = Math.abs(sample.time - previousSample.time);
-      previousSample = sample;
-
-      if (
-        age > this.horizonMilliseconds ||
-          delta > this.assumePointerMoveStoppedMilliseconds
-      ) {
-        break;
-      }
-
-      x.push(sample.x);
-      y.push(sample.y);
-      w.push(1);
-      time.push(-age);
-
-      sampleCount++;
-      index--;
-    }
-
-    if (sampleCount >= this.minSampleSize) {
-      const xSolver = new LeastSquareSolver(time, x, w);
-      const xFit = xSolver.solve(2);
-
-      if (xFit !== null) {
-        const ySolver = new LeastSquareSolver(time, y, w);
-        const yFit = ySolver.solve(2);
-
-        if (yFit !== null) {
-          const xVelocity = xFit.coefficients[1] * 1000;
-          const yVelocity = yFit.coefficients[1] * 1000;
-
-          return [xVelocity, yVelocity];
-        }
-      }
-    }
-
-    return null;
-  }
-
-  public getVelocity(): [number, number] {
-    const estimate = this.getVelocityEstimate();
-    if (estimate !== null) {
-      return estimate;
-    }
-    return [0, 0];
-  }
-
-  public reset(): void {
-    this.samples.clear();
-  }
-}
+import { AdaptedEvent } from './Event';
+import { CircularBuffer } from './CircularBuffer';
+import { LeastSquareSolver } from './LeastSquareSolver';
+
+export default class VelocityTracker {
+  private assumePointerMoveStoppedMilliseconds = 40;
+  private historySize = 20;
+  private horizonMilliseconds = 300;
+  private minSampleSize = 3;
+
+  private samples: CircularBuffer<AdaptedEvent>;
+
+  constructor() {
+    this.samples = new CircularBuffer<AdaptedEvent>(this.historySize);
+  }
+
+  public add(event: AdaptedEvent): void {
+    this.samples.push(event);
+  }
+
+  /// Returns an estimate of the velocity of the object being tracked by the
+  /// tracker given the current information available to the tracker.
+  ///
+  /// Information is added using [addPosition].
+  ///
+  /// Returns null if there is no data on which to base an estimate.
+  private getVelocityEstimate(): [number, number] | null {
+    const x = [];
+    const y = [];
+    const w = [];
+    const time = [];
+
+    let sampleCount = 0;
+    let index = this.samples.size - 1;
+    const newestSample = this.samples.get(index);
+    if (!newestSample) {
+      return null;
+    }
+
+    let previousSample = newestSample;
+
+    // Starting with the most recent PointAtTime sample, iterate backwards while
+    // the samples represent continuous motion.
+    while (sampleCount < this.samples.size) {
+      const sample = this.samples.get(index);
+
+      const age = newestSample.time - sample.time;
+      const delta = Math.abs(sample.time - previousSample.time);
+      previousSample = sample;
+
+      if (
+        age > this.horizonMilliseconds ||
+          delta > this.assumePointerMoveStoppedMilliseconds
+      ) {
+        break;
+      }
+
+      x.push(sample.x);
+      y.push(sample.y);
+      w.push(1);
+      time.push(-age);
+
+      sampleCount++;
+      index--;
+    }
+
+    if (sampleCount >= this.minSampleSize) {
+      const xSolver = new LeastSquareSolver(time, x, w);
+      const xFit = xSolver.solve(2);
+
+      if (xFit !== null) {
+        const ySolver = new LeastSquareSolver(time, y, w);
+        const yFit = ySolver.solve(2);
+
+        if (yFit !== null) {
+          const xVelocity = xFit.coefficients[1] * 1000;
+          const yVelocity = yFit.coefficients[1] * 1000;
+
+          return [xVelocity, yVelocity];
+        }
+      }
+    }
+
+    return null;
+  }
+
+  public getVelocity(): [number, number] {
+    const estimate = this.getVelocityEstimate();
+    if (estimate !== null) {
+      return estimate;
+    }
+    return [0, 0];
+  }
+
+  public reset(): void {
+    this.samples.clear();
+  }
+}

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

@@ -1,71 +1,71 @@
-import { DescriptorRegistry, Descriptor, Tag } from "rnoh/ts"
-import { Vector2D } from "./Vector2D"
-
-export type BoundingBox = {
-  x: number,
-  y: number,
-  width: number,
-  height: number
-}
-
-export class View {
-  constructor(private descriptorRegistry: DescriptorRegistry, private viewTag: number) {
-  }
-
-  public getChildren() {
-    return this.getDescriptor().childrenTags.map(childrenTag => {
-      return new View(this.descriptorRegistry, childrenTag)
-    })
-  }
-
-  public getTag(): Tag {
-    return this.viewTag
-  }
-
-  public isPositionInBounds({x, y}: {
-    x: number,
-    y: number
-  }): boolean {
-    const rect = this.getBoundingRect()
-    return x >= rect.x && x <= (rect.x + rect.width) && y >= rect.y && y <= (rect.y + rect.height);
-  }
-
-  public getBoundingRect(): BoundingBox {
-    const d = this.getDescriptor()
-    if (!d) {
-      return { x: 0, y: 0, width: 0, height: 0 }
-    }
-    const offsetToAbsolutePosition = this.getOffsetToAbsolutePosition()
-    return {
-      x: d.layoutMetrics.frame.origin.x - offsetToAbsolutePosition.x,
-      y: d.layoutMetrics.frame.origin.y - offsetToAbsolutePosition.y,
-      width: d.layoutMetrics.frame.size.width,
-      height: d.layoutMetrics.frame.size.height
-    }
-  }
-
-  private getDescriptor() {
-    return this.descriptorRegistry.getDescriptor(this.viewTag)
-  }
-
-
-  private getOffsetToAbsolutePosition(): Vector2D {
-    const currentOffset = new Vector2D()
-    let parentTag = this.getDescriptor()?.parentTag
-    while (parentTag !== undefined) {
-      const d = this.descriptorRegistry.getDescriptor(parentTag)
-      currentOffset.add(this.extractScrollOffsetFromDescriptor(d))
-      currentOffset.subtract(new Vector2D(d.layoutMetrics.frame.origin))
-      parentTag = d.parentTag
-    }
-    return currentOffset
-  }
-
-  private extractScrollOffsetFromDescriptor(descriptor: Descriptor<any>) {
-    if (descriptor.type !== "ScrollView") {
-      return new Vector2D();
-    }
-    const scrollViewState: any = descriptor.state;
-    return new Vector2D({ x: scrollViewState.contentOffsetX, y: scrollViewState.contentOffsetY })
-  }
+import { DescriptorRegistry, Descriptor, Tag } from "@rnoh/react-native-openharmony/ts"
+import { Vector2D } from "./Vector2D"
+
+export type BoundingBox = {
+  x: number,
+  y: number,
+  width: number,
+  height: number
+}
+
+export class View {
+  constructor(private descriptorRegistry: DescriptorRegistry, private viewTag: number) {
+  }
+
+  public getChildren() {
+    return this.getDescriptor().childrenTags.map(childrenTag => {
+      return new View(this.descriptorRegistry, childrenTag)
+    })
+  }
+
+  public getTag(): Tag {
+    return this.viewTag
+  }
+
+  public isPositionInBounds({x, y}: {
+    x: number,
+    y: number
+  }): boolean {
+    const rect = this.getBoundingRect()
+    return x >= rect.x && x <= (rect.x + rect.width) && y >= rect.y && y <= (rect.y + rect.height);
+  }
+
+  public getBoundingRect(): BoundingBox {
+    const d = this.getDescriptor()
+    if (!d) {
+      return { x: 0, y: 0, width: 0, height: 0 }
+    }
+    const offsetToAbsolutePosition = this.getOffsetToAbsolutePosition()
+    return {
+      x: d.layoutMetrics.frame.origin.x - offsetToAbsolutePosition.x,
+      y: d.layoutMetrics.frame.origin.y - offsetToAbsolutePosition.y,
+      width: d.layoutMetrics.frame.size.width,
+      height: d.layoutMetrics.frame.size.height
+    }
+  }
+
+  private getDescriptor() {
+    return this.descriptorRegistry.getDescriptor(this.viewTag)
+  }
+
+
+  private getOffsetToAbsolutePosition(): Vector2D {
+    const currentOffset = new Vector2D()
+    let parentTag = this.getDescriptor()?.parentTag
+    while (parentTag !== undefined) {
+      const d = this.descriptorRegistry.getDescriptor(parentTag)
+      currentOffset.add(this.extractScrollOffsetFromDescriptor(d))
+      currentOffset.subtract(new Vector2D(d.layoutMetrics.frame.origin))
+      parentTag = d.parentTag
+    }
+    return currentOffset
+  }
+
+  private extractScrollOffsetFromDescriptor(descriptor: Descriptor<any>) {
+    if (descriptor.type !== "ScrollView") {
+      return new Vector2D();
+    }
+    const scrollViewState: any = descriptor.state;
+    return new Vector2D({ x: scrollViewState.contentOffsetX, y: scrollViewState.contentOffsetY })
+  }
 }

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

@@ -1,43 +1,43 @@
-import { DescriptorRegistry, ComponentManagerRegistry, Tag } from "rnoh/ts"
-import { View } from "./View"
-
-export class ViewRegistry {
-  constructor(private descriptorRegistry: DescriptorRegistry, private componentManagerRegistry: ComponentManagerRegistry) {
-  }
-
-  public getViewByTag(viewTag: Tag) {
-    return this.createView(viewTag)
-  }
-
-  private createView(tag: Tag): View {
-    return new View(this.descriptorRegistry, tag)
-  }
-
-  public getTouchableViewsAt(pos: {
-    x: number,
-    y: number
-  }, rootTag: Tag): View[] {
-    const rootView = this.createView(rootTag)
-    const results: View[] = []
-    for (const view of this.getTouchableViewsAtPosInView(pos, rootView)) {
-      results.push(view)
-    }
-    return results
-  }
-
-  private getTouchableViewsAtPosInView(pos: {
-    x: number,
-    y: number
-  }, view: View) {
-    if (!view.isPositionInBounds(pos))
-      return [];
-    const results: View[] = []
-    results.push(view)
-    for (const child of view.getChildren()) {
-      for (const result of this.getTouchableViewsAtPosInView(pos, child)) {
-        results.push(result)
-      }
-    }
-    return results
-  }
+import { DescriptorRegistry, ComponentManagerRegistry, Tag } from "@rnoh/react-native-openharmony/ts"
+import { View } from "./View"
+
+export class ViewRegistry {
+  constructor(private descriptorRegistry: DescriptorRegistry, private componentManagerRegistry: ComponentManagerRegistry) {
+  }
+
+  public getViewByTag(viewTag: Tag) {
+    return this.createView(viewTag)
+  }
+
+  private createView(tag: Tag): View {
+    return new View(this.descriptorRegistry, tag)
+  }
+
+  public getTouchableViewsAt(pos: {
+    x: number,
+    y: number
+  }, rootTag: Tag): View[] {
+    const rootView = this.createView(rootTag)
+    const results: View[] = []
+    for (const view of this.getTouchableViewsAtPosInView(pos, rootView)) {
+      results.push(view)
+    }
+    return results
+  }
+
+  private getTouchableViewsAtPosInView(pos: {
+    x: number,
+    y: number
+  }, view: View) {
+    if (!view.isPositionInBounds(pos))
+      return [];
+    const results: View[] = []
+    results.push(view)
+    for (const child of view.getChildren()) {
+      for (const result of this.getTouchableViewsAtPosInView(pos, child)) {
+        results.push(result)
+      }
+    }
+    return results
+  }
 }

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

@@ -0,0 +1,140 @@
+// 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/RNGestureHandlerModule.ts

@@ -0,0 +1,25 @@
+// This file was generated.
+import { Tag } from "../../ts"
+
+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;
+  
+  }
+}