@react-native-oh/react-native-harmony 0.72.82 → 0.77.18-1

package/Libraries/Components/TextInput/TextInputNativeCommands.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {Int32} from '../../Types/CodegenTypes';
+
+import * as React from 'react';
+
+export interface TextInputNativeCommands<T> {
+  +focus: (viewRef: React.ElementRef<T>) => void;
+  +blur: (viewRef: React.ElementRef<T>) => void;
+  +setTextAndSelection: (
+    viewRef: React.ElementRef<T>,
+    mostRecentEventCount: Int32,
+    value: ?string, // in theory this is nullable
+    start: Int32,
+    end: Int32,
+  ) => void;
+}
+
+const supportedCommands = ['focus', 'blur', 'setTextAndSelection'];
+
+export default supportedCommands;

package/Libraries/Components/TextInput/TextInputState.js

@@ -0,0 +1,216 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+// This class is responsible for coordinating the "focused" state for
+// TextInputs. All calls relating to the keyboard should be funneled
+// through here.
+
+import type {
+  HostInstance,
+  MeasureInWindowOnSuccessCallback,
+  MeasureLayoutOnSuccessCallback,
+  MeasureOnSuccessCallback,
+} from '../../Renderer/shims/ReactNativeTypes';
+
+// RNC_patch: use delegate instead of directly using NativeComponent commands
+import TextInputStateDelegate from './delegates/TextInputStateDelegate';
+
+const {findNodeHandle} = require('../../ReactNative/RendererProxy');
+const Platform = require('../../Utilities/Platform');
+
+const DELEGATE = new TextInputStateDelegate({});
+
+let currentlyFocusedInputRef: ?HostInstance = null;
+const inputs = new Set<{
+  blur(): void,
+  focus(): void,
+  measure(callback: MeasureOnSuccessCallback): void,
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void,
+  measureLayout(
+    relativeToNativeNode: number | HostInstance,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void,
+  ): void,
+  setNativeProps(nativeProps: {...}): void,
+}>();
+
+function currentlyFocusedInput(): ?HostInstance {
+  return currentlyFocusedInputRef;
+}
+
+/**
+ * Returns the ID of the currently focused text field, if one exists
+ * If no text field is focused it returns null
+ */
+function currentlyFocusedField(): ?number {
+  if (__DEV__) {
+    console.error(
+      'currentlyFocusedField is deprecated and will be removed in a future release. Use currentlyFocusedInput',
+    );
+  }
+
+  return findNodeHandle(currentlyFocusedInputRef);
+}
+
+function focusInput(textField: ?HostInstance): void {
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    currentlyFocusedInputRef = textField;
+  }
+}
+
+function blurInput(textField: ?HostInstance): void {
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    currentlyFocusedInputRef = null;
+  }
+}
+
+function focusField(textFieldID: ?number): void {
+  if (__DEV__) {
+    console.error('focusField no longer works. Use focusInput');
+  }
+
+  return;
+}
+
+function blurField(textFieldID: ?number) {
+  if (__DEV__) {
+    console.error('blurField no longer works. Use blurInput');
+  }
+
+  return;
+}
+
+/**
+ * @param {number} TextInputID id of the text field to focus
+ * Focuses the specified text field
+ * noop if the text field was already focused or if the field is not editable
+ */
+function focusTextInput(textField: ?HostInstance) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  if (textField != null) {
+    const fieldCanBeFocused =
+      currentlyFocusedInputRef !== textField &&
+      // $FlowFixMe - `currentProps` is missing in `NativeMethods`
+      textField.currentProps?.editable !== false;
+
+    if (!fieldCanBeFocused) {
+      return;
+    }
+    focusInput(textField);
+    DELEGATE.focus(textField);
+    // if (Platform.OS === 'ios') {
+    //   // This isn't necessarily a single line text input
+    //   // But commands don't actually care as long as the thing being passed in
+    //   // actually has a command with that name. So this should work with single
+    //   // and multiline text inputs. Ideally we'll merge them into one component
+    //   // in the future.
+    //   iOSTextInputCommands.focus(textField);
+    // } else if (Platform.OS === 'android') {
+    //   AndroidTextInputCommands.focus(textField);
+    // }
+  }
+}
+
+/**
+ * @param {number} textFieldID id of the text field to unfocus
+ * Unfocuses the specified text field
+ * noop if it wasn't focused
+ */
+function blurTextInput(textField: ?HostInstance) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'blurTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    blurInput(textField);
+    DELEGATE.blur(textField);
+    // if (Platform.OS === 'ios') {
+    //   // This isn't necessarily a single line text input
+    //   // But commands don't actually care as long as the thing being passed in
+    //   // actually has a command with that name. So this should work with single
+    //   // and multiline text inputs. Ideally we'll merge them into one component
+    //   // in the future.
+    //   iOSTextInputCommands.blur(textField);
+    // } else if (Platform.OS === 'android') {
+    //   AndroidTextInputCommands.blur(textField);
+    // }
+  }
+}
+
+function registerInput(textField: HostInstance) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'registerInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  inputs.add(textField);
+}
+
+function unregisterInput(textField: HostInstance) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'unregisterInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+  inputs.delete(textField);
+}
+
+function isTextInput(textField: HostInstance): boolean {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'isTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return false;
+  }
+
+  return inputs.has(textField);
+}
+
+module.exports = {
+  currentlyFocusedInput,
+  focusInput,
+  blurInput,
+
+  currentlyFocusedField,
+  focusField,
+  blurField,
+  focusTextInput,
+  blurTextInput,
+  registerInput,
+  unregisterInput,
+  isTextInput,
+};

package/Libraries/Components/TextInput/delegates/BaseTextInputDelegate.ts

@@ -0,0 +1,39 @@
+/**
+ * @format
+ */
+
+export type TextInputDelegateContext = {};
+
+export type GetNativeTextContentTypeOptions = {
+  autocomplete: string;
+  autocompleteWebToTextContentTypeMap: Record<string, string>;
+};
+
+export abstract class BaseTextInputDelegate {
+  constructor(protected ctx: TextInputDelegateContext) {}
+
+  abstract shouldBeCancellable(
+    rejectResponderTermination: boolean,
+  ): boolean | null;
+
+  abstract createNativeTextInput(props: any): React.ReactNode;
+
+  abstract getKeyboardTypeByInputMode(inputMode: string): string;
+
+  abstract getSupportedKeyboardTypes(): string[];
+
+  abstract getTextInputCommands(multiline: boolean): any;
+
+  getNativeAutocomplete(
+    autocomplete: string | null | undefined,
+  ): string | null | undefined {
+    return autocomplete;
+  }
+
+  getNativeTextContentType(
+    textContentType: string | null | undefined,
+    options: GetNativeTextContentTypeOptions,
+  ): string | null | undefined {
+    return textContentType;
+  }
+}

package/Libraries/Components/TextInput/delegates/BaseTextInputStateDelegate.ts

@@ -0,0 +1,12 @@
+/**
+ * @format
+ */
+export type TextInputStateContext = {};
+
+export abstract class BaseTextInputStateDelegate {
+  constructor(protected ctx: TextInputStateContext) {}
+
+  abstract focus(ref: React.ComponentRef<any>): void;
+
+  abstract blur(ref: React.ComponentRef<any>): void;
+}

package/Libraries/Components/TextInput/delegates/TextInputDelegate.harmony.tsx

@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import {
+  BaseTextInputDelegate,
+  GetNativeTextContentTypeOptions,
+} from './BaseTextInputDelegate';
+
+const RCTSinglelineTextInputView =
+  require('../RCTSingelineTextInputNativeComponent').default;
+const RCTMultilineTextInputView =
+  require('../RCTMultilineTextInputNativeComponent').default;
+const RCTSinglelineTextInputNativeCommands =
+  require('../RCTSingelineTextInputNativeComponent').Commands;
+const RCTMultilineTextInputNativeCommands =
+  require('../RCTMultilineTextInputNativeComponent').Commands;
+
+export default class TextInputDelegate extends BaseTextInputDelegate {
+  override createNativeTextInput(props: any): React.ReactNode {
+    const RCTTextInputView =
+      props.multiline === true
+        ? RCTMultilineTextInputView
+        : RCTSinglelineTextInputView;
+
+    return <RCTTextInputView {...props} />;
+  }
+
+  private keyboardTypeByInputMode = new Map<string, string>()
+    .set('none', 'default')
+    .set('text', 'default')
+    .set('decimal', 'decimal-pad')
+    .set('numeric', 'number-pad')
+    .set('tel', 'phone-pad')
+    .set('search', 'web-search')
+    .set('email', 'email-address')
+    .set('url', 'url');
+
+  override getKeyboardTypeByInputMode(inputMode: string): string {
+    return this.keyboardTypeByInputMode.get(inputMode) ?? 'default';
+  }
+
+  override getSupportedKeyboardTypes(): string[] {
+    return [
+      'default',
+      'email-address',
+      'numeric',
+      'phone-pad',
+      'number-pad',
+      'url',
+      'decimal-pad',
+      'ascii-capable',
+      'numbers-and-punctuation',
+      'name-phone-pad',
+      'twitter',
+      'web-search',
+      'ascii-capable-number-pad',
+      'visible-password',
+    ];
+  }
+
+  override getNativeAutocomplete(
+    autocomplete: string | null | undefined
+  ): string | null | undefined {
+    return undefined;
+  }
+
+  override getNativeTextContentType(
+    textContentType: string | null | undefined,
+    {
+      autocomplete,
+      autocompleteWebToTextContentTypeMap,
+    }: GetNativeTextContentTypeOptions
+  ): string | null | undefined {
+    return textContentType != null
+      ? textContentType
+      : autocomplete && autocomplete in autocompleteWebToTextContentTypeMap
+        ? autocompleteWebToTextContentTypeMap[autocomplete]
+        : textContentType;
+  }
+
+  override shouldBeCancellable(
+    rejectResponderTermination: boolean
+  ): boolean | null {
+    return !rejectResponderTermination;
+  }
+
+  override getTextInputCommands(multiline: boolean): any {
+    if (multiline) {
+      return RCTMultilineTextInputNativeCommands;
+    } else {
+      return RCTSinglelineTextInputNativeCommands;
+    }
+  }
+}

package/Libraries/Components/TextInput/delegates/TextInputDelegate.ts

@@ -0,0 +1,40 @@
+/**
+ * @format
+ */
+
+import {BaseTextInputDelegate, GetNativeTextContentTypeOptions} from './BaseTextInputDelegate';
+import {UnsupportedByPlatformError} from '../../../../delegates/DelegateError';
+
+
+export default class TextInputDelegate extends BaseTextInputDelegate {
+  override createNativeTextInput(props: any): React.ReactNode {
+    throw new UnsupportedByPlatformError();
+  }
+
+  override getKeyboardTypeByInputMode(inputMode: string): string {
+    throw new UnsupportedByPlatformError();
+  }
+
+  override getSupportedKeyboardTypes(): string[] {
+    throw new UnsupportedByPlatformError();
+  }
+
+  override getNativeAutocomplete(autocomplete: string): string {
+    throw new UnsupportedByPlatformError();
+  }
+
+  override getNativeTextContentType(
+    textContentType: string,
+    options: GetNativeTextContentTypeOptions,
+  ): string {
+    throw new UnsupportedByPlatformError();
+  }
+
+  override shouldBeCancellable(rejectResponderTermination: boolean): boolean | null {
+    throw new UnsupportedByPlatformError();
+  }
+
+  override getTextInputCommands(multiline: boolean): any {
+    throw new UnsupportedByPlatformError();
+  }
+}

package/Libraries/Components/TextInput/delegates/TextInputStateDelegate.harmony.tsx

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2024 Huawei Technologies Co., Ltd.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { BaseTextInputStateDelegate } from './BaseTextInputStateDelegate';
+// @ts-ignore
+import { Commands } from '../RCTSingelineTextInputNativeComponent';
+
+export default class TextInputDelegate extends BaseTextInputStateDelegate {
+  blur(ref: React.ComponentRef<any>): void {
+    Commands.blur(ref);
+  }
+
+  focus(ref: React.ComponentRef<any>): void {
+    Commands.focus(ref);
+  }
+}

package/Libraries/Components/TextInput/delegates/TextInputStateDelegate.ts

@@ -0,0 +1,15 @@
+/**
+ * @format
+ */
+import {BaseTextInputStateDelegate} from './BaseTextInputStateDelegate';
+import {UnsupportedByPlatformError} from '../../../../delegates/DelegateError';
+
+export default class TextInputDelegate extends BaseTextInputStateDelegate {
+  blur(ref: React.ComponentRef<any>): void {
+    throw new UnsupportedByPlatformError();
+  }
+
+  focus(ref: React.ComponentRef<any>): void {
+    throw new UnsupportedByPlatformError();
+  }
+}

package/Libraries/Components/ToastAndroid/NativeToastAndroid.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+export * from '../../../src/private/specs/modules/NativeToastAndroid';
+import NativeToastAndroid from '../../../src/private/specs/modules/NativeToastAndroid';
+export default NativeToastAndroid;

package/Libraries/Components/ToastAndroid/ToastAndroid.android.js

@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import NativeToastAndroid from './NativeToastAndroid';
+
+/**
+ * This exposes the native ToastAndroid module as a JS module. This has a function 'show'
+ * which takes the following parameters:
+ *
+ * 1. String message: A string with the text to toast
+ * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG
+ *
+ * There is also a function `showWithGravity` to specify the layout gravity. May be
+ * ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER.
+ *
+ * The 'showWithGravityAndOffset' function adds on the ability to specify offset
+ * These offset values will translate to pixels.
+ *
+ * Basic usage:
+ * ```javascript
+ * ToastAndroid.show('A pikachu appeared nearby !', ToastAndroid.SHORT);
+ * ToastAndroid.showWithGravity('All Your Base Are Belong To Us', ToastAndroid.SHORT, ToastAndroid.CENTER);
+ * ToastAndroid.showWithGravityAndOffset('A wild toast appeared!', ToastAndroid.LONG, ToastAndroid.BOTTOM, 25, 50);
+ * ```
+ */
+
+const ToastAndroidConstants = NativeToastAndroid.getConstants();
+
+const ToastAndroid = {
+  // Toast duration constants
+  SHORT: (ToastAndroidConstants.SHORT: number),
+  LONG: (ToastAndroidConstants.LONG: number),
+  // Toast gravity constants
+  TOP: (ToastAndroidConstants.TOP: number),
+  BOTTOM: (ToastAndroidConstants.BOTTOM: number),
+  CENTER: (ToastAndroidConstants.CENTER: number),
+
+  show: function (message: string, duration: number): void {
+    NativeToastAndroid.show(message, duration);
+  },
+
+  showWithGravity: function (
+    message: string,
+    duration: number,
+    gravity: number,
+  ): void {
+    NativeToastAndroid.showWithGravity(message, duration, gravity);
+  },
+
+  showWithGravityAndOffset: function (
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number,
+  ): void {
+    NativeToastAndroid.showWithGravityAndOffset(
+      message,
+      duration,
+      gravity,
+      xOffset,
+      yOffset,
+    );
+  },
+};
+
+module.exports = ToastAndroid;

package/Libraries/Components/ToastAndroid/ToastAndroid.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+/**
+ * This exposes the native ToastAndroid module as a JS module. This has a function 'show'
+ * which takes the following parameters:
+ *
+ * 1. String message: A string with the text to toast
+ * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG
+ *
+ * There is also a function `showWithGravity` to specify the layout gravity. May be
+ * ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER
+ */
+export interface ToastAndroidStatic {
+  /**
+   * String message: A string with the text to toast
+   * int duration: The duration of the toast.
+   * May be ToastAndroid.SHORT or ToastAndroid.LONG
+   */
+  show(message: string, duration: number): void;
+  /** `gravity` may be ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER */
+  showWithGravity(message: string, duration: number, gravity: number): void;
+
+  showWithGravityAndOffset(
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number,
+  ): void;
+  // Toast duration constants
+  SHORT: number;
+  LONG: number;
+  // Toast gravity constants
+  TOP: number;
+  BOTTOM: number;
+  CENTER: number;
+}
+
+export const ToastAndroid: ToastAndroidStatic;
+export type ToastAndroid = ToastAndroidStatic;

package/Libraries/Components/ToastAndroid/ToastAndroid.js

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+const ToastAndroid = {
+  // Dummy fallback toast duration constants
+  SHORT: (0: number),
+  LONG: (0: number),
+  // Dummy fallback toast gravity constants
+  TOP: (0: number),
+  BOTTOM: (0: number),
+  CENTER: (0: number),
+
+  show: function (message: string, duration: number): void {
+    console.warn('ToastAndroid is not supported on this platform.');
+  },
+
+  showWithGravity: function (
+    message: string,
+    duration: number,
+    gravity: number,
+  ): void {
+    console.warn('ToastAndroid is not supported on this platform.');
+  },
+
+  showWithGravityAndOffset: function (
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number,
+  ): void {
+    console.warn('ToastAndroid is not supported on this platform.');
+  },
+};
+
+module.exports = ToastAndroid;