@react-native-oh/react-native-harmony 0.72.86 → 0.77.18

package/Libraries/Components/Touchable/TouchableNativeFeedback.harmony.js

@@ -1,364 +0,0 @@
-/**
- * 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
- */
-
-// RNOH patch: disable view flattening
-
-import type { PressEvent } from "react-native/Libraries/Types/CoreEventTypes";
-import typeof TouchableWithoutFeedback from "./TouchableWithoutFeedback";
-
-import View from "react-native/Libraries/Components/View/View";
-import Pressability, {
-  type PressabilityConfig,
-} from "react-native/Libraries/Pressability/Pressability";
-import { PressabilityDebugView } from "react-native/Libraries/Pressability/PressabilityDebug";
-import { findHostInstance_DEPRECATED } from "react-native/Libraries/ReactNative/RendererProxy";
-import processColor from "react-native/Libraries/StyleSheet/processColor";
-import Platform from "react-native/Libraries/Utilities/Platform";
-import { Commands } from "react-native/Libraries/Components/View/ViewNativeComponent";
-import invariant from "invariant";
-import * as React from "react";
-
-type Props = $ReadOnly<{|
-  ...React.ElementConfig<TouchableWithoutFeedback>,
-
-  /**
-   * Determines the type of background drawable that's going to be used to
-   * display feedback. It takes an object with `type` property and extra data
-   * depending on the `type`. It's recommended to use one of the static
-   * methods to generate that dictionary.
-   */
-  background?: ?(
-    | $ReadOnly<{|
-        type: "ThemeAttrAndroid",
-        attribute:
-          | "selectableItemBackground"
-          | "selectableItemBackgroundBorderless",
-        rippleRadius: ?number,
-      |}>
-    | $ReadOnly<{|
-        type: "RippleAndroid",
-        color: ?number,
-        borderless: boolean,
-        rippleRadius: ?number,
-      |}>
-  ),
-
-  /**
-   * TV preferred focus (see documentation for the View component).
-   */
-  hasTVPreferredFocus?: ?boolean,
-
-  /**
-   * TV next focus down (see documentation for the View component).
-   */
-  nextFocusDown?: ?number,
-
-  /**
-   * TV next focus forward (see documentation for the View component).
-   */
-  nextFocusForward?: ?number,
-
-  /**
-   * TV next focus left (see documentation for the View component).
-   */
-  nextFocusLeft?: ?number,
-
-  /**
-   * TV next focus right (see documentation for the View component).
-   */
-  nextFocusRight?: ?number,
-
-  /**
-   * TV next focus up (see documentation for the View component).
-   */
-  nextFocusUp?: ?number,
-
-  /**
-   * Set to true to add the ripple effect to the foreground of the view, instead
-   * of the background. This is useful if one of your child views has a
-   * background of its own, or you're e.g. displaying images, and you don't want
-   * the ripple to be covered by them.
-   *
-   * Check TouchableNativeFeedback.canUseNativeForeground() first, as this is
-   * only available on Android 6.0 and above. If you try to use this on older
-   * versions, this will fallback to background.
-   */
-  useForeground?: ?boolean,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-|}>;
-
-class TouchableNativeFeedback extends React.Component<Props, State> {
-  /**
-   * Creates a value for the `background` prop that uses the Android theme's
-   * default background for selectable elements.
-   */
-  static SelectableBackground: (rippleRadius: ?number) => $ReadOnly<{|
-    attribute: "selectableItemBackground",
-    type: "ThemeAttrAndroid",
-    rippleRadius: ?number,
-  |}> = (rippleRadius: ?number) => ({
-    type: "ThemeAttrAndroid",
-    attribute: "selectableItemBackground",
-    rippleRadius,
-  });
-
-  /**
-   * Creates a value for the `background` prop that uses the Android theme's
-   * default background for borderless selectable elements. Requires API 21+.
-   */
-  static SelectableBackgroundBorderless: (rippleRadius: ?number) => $ReadOnly<{|
-    attribute: "selectableItemBackgroundBorderless",
-    type: "ThemeAttrAndroid",
-    rippleRadius: ?number,
-  |}> = (rippleRadius: ?number) => ({
-    type: "ThemeAttrAndroid",
-    attribute: "selectableItemBackgroundBorderless",
-    rippleRadius,
-  });
-
-  /**
-   * Creates a value for the `background` prop that uses the Android ripple with
-   * the supplied color. If `borderless` is true, the ripple will render outside
-   * of the view bounds. Requires API 21+.
-   */
-  static Ripple: (
-    color: string,
-    borderless: boolean,
-    rippleRadius: ?number
-  ) => $ReadOnly<{|
-    borderless: boolean,
-    color: ?number,
-    rippleRadius: ?number,
-    type: "RippleAndroid",
-  |}> = (color: string, borderless: boolean, rippleRadius: ?number) => {
-    const processedColor = processColor(color);
-    invariant(
-      processedColor == null || typeof processedColor === "number",
-      "Unexpected color given for Ripple color"
-    );
-    return {
-      type: "RippleAndroid",
-      color: processedColor,
-      borderless,
-      rippleRadius,
-    };
-  };
-
-  /**
-   * Whether `useForeground` is supported.
-   */
-  static canUseNativeForeground: () => boolean = () =>
-    Platform.OS === "android" && Platform.Version >= 23;
-
-  state: State = {
-    pressability: new Pressability(this._createPressabilityConfig()),
-  };
-
-  _createPressabilityConfig(): PressabilityConfig {
-    const accessibilityStateDisabled =
-      this.props["aria-disabled"] ?? this.props.accessibilityState?.disabled;
-    return {
-      cancelable: !this.props.rejectResponderTermination,
-      disabled:
-        this.props.disabled != null
-          ? this.props.disabled
-          : accessibilityStateDisabled,
-      hitSlop: this.props.hitSlop,
-      delayLongPress: this.props.delayLongPress,
-      delayPressIn: this.props.delayPressIn,
-      delayPressOut: this.props.delayPressOut,
-      minPressDuration: 0,
-      pressRectOffset: this.props.pressRetentionOffset,
-      android_disableSound: this.props.touchSoundDisabled,
-      onLongPress: this.props.onLongPress,
-      onPress: this.props.onPress,
-      onPressIn: (event) => {
-        if (Platform.OS === "android") {
-          this._dispatchHotspotUpdate(event);
-          this._dispatchPressedStateChange(true);
-        }
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressMove: (event) => {
-        if (Platform.OS === "android") {
-          this._dispatchHotspotUpdate(event);
-        }
-      },
-      onPressOut: (event) => {
-        if (Platform.OS === "android") {
-          this._dispatchPressedStateChange(false);
-        }
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-    };
-  }
-
-  _dispatchPressedStateChange(pressed: boolean): void {
-    if (Platform.OS === "android") {
-      const hostComponentRef = findHostInstance_DEPRECATED(this);
-      if (hostComponentRef == null) {
-        console.warn(
-          "Touchable: Unable to find HostComponent instance. " +
-            "Has your Touchable component been unmounted?"
-        );
-      } else {
-        Commands.setPressed(hostComponentRef, pressed);
-      }
-    }
-  }
-
-  _dispatchHotspotUpdate(event: PressEvent): void {
-    if (Platform.OS === "android") {
-      const { locationX, locationY } = event.nativeEvent;
-      const hostComponentRef = findHostInstance_DEPRECATED(this);
-      if (hostComponentRef == null) {
-        console.warn(
-          "Touchable: Unable to find HostComponent instance. " +
-            "Has your Touchable component been unmounted?"
-        );
-      } else {
-        Commands.hotspotUpdate(
-          hostComponentRef,
-          locationX ?? 0,
-          locationY ?? 0
-        );
-      }
-    }
-  }
-
-  render(): React.Node {
-    const element = React.Children.only<$FlowFixMe>(this.props.children);
-    const children: Array<React.Node> = [element.props.children];
-    if (__DEV__) {
-      if (element.type === View) {
-        children.push(
-          <PressabilityDebugView color="brown" hitSlop={this.props.hitSlop} />
-        );
-      }
-    }
-
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const { onBlur, onFocus, ...eventHandlersWithoutBlurAndFocus } =
-      this.state.pressability.getEventHandlers();
-
-    let _accessibilityState = {
-      busy: this.props["aria-busy"] ?? this.props.accessibilityState?.busy,
-      checked:
-        this.props["aria-checked"] ?? this.props.accessibilityState?.checked,
-      disabled:
-        this.props["aria-disabled"] ?? this.props.accessibilityState?.disabled,
-      expanded:
-        this.props["aria-expanded"] ?? this.props.accessibilityState?.expanded,
-      selected:
-        this.props["aria-selected"] ?? this.props.accessibilityState?.selected,
-    };
-
-    _accessibilityState =
-      this.props.disabled != null
-        ? {
-            ..._accessibilityState,
-            disabled: this.props.disabled,
-          }
-        : _accessibilityState;
-
-    const accessibilityValue = {
-      max: this.props["aria-valuemax"] ?? this.props.accessibilityValue?.max,
-      min: this.props["aria-valuemin"] ?? this.props.accessibilityValue?.min,
-      now: this.props["aria-valuenow"] ?? this.props.accessibilityValue?.now,
-      text: this.props["aria-valuetext"] ?? this.props.accessibilityValue?.text,
-    };
-
-    const accessibilityLiveRegion =
-      this.props["aria-live"] === "off"
-        ? "none"
-        : this.props["aria-live"] ?? this.props.accessibilityLiveRegion;
-
-    const accessibilityLabel =
-      this.props["aria-label"] ?? this.props.accessibilityLabel;
-    return React.cloneElement(
-      element,
-      {
-        ...eventHandlersWithoutBlurAndFocus,
-        ...getBackgroundProp(
-          this.props.background === undefined
-            ? TouchableNativeFeedback.SelectableBackground()
-            : this.props.background,
-          this.props.useForeground === true
-        ),
-        accessible: this.props.accessible !== false,
-        accessibilityHint: this.props.accessibilityHint,
-        accessibilityLanguage: this.props.accessibilityLanguage,
-        accessibilityLabel: accessibilityLabel,
-        accessibilityRole: this.props.accessibilityRole,
-        accessibilityState: _accessibilityState,
-        accessibilityActions: this.props.accessibilityActions,
-        onAccessibilityAction: this.props.onAccessibilityAction,
-        accessibilityValue: accessibilityValue,
-        importantForAccessibility:
-          this.props["aria-hidden"] === true
-            ? "no-hide-descendants"
-            : this.props.importantForAccessibility,
-        accessibilityViewIsModal:
-          this.props["aria-modal"] ?? this.props.accessibilityViewIsModal,
-        accessibilityLiveRegion: accessibilityLiveRegion,
-        accessibilityElementsHidden:
-          this.props["aria-hidden"] ?? this.props.accessibilityElementsHidden,
-        hasTVPreferredFocus: this.props.hasTVPreferredFocus,
-        hitSlop: this.props.hitSlop,
-        focusable:
-          this.props.focusable !== false &&
-          this.props.onPress !== undefined &&
-          !this.props.disabled,
-        nativeID: this.props.nativeID,
-        nextFocusDown: this.props.nextFocusDown,
-        nextFocusForward: this.props.nextFocusForward,
-        nextFocusLeft: this.props.nextFocusLeft,
-        nextFocusRight: this.props.nextFocusRight,
-        nextFocusUp: this.props.nextFocusUp,
-        onLayout: this.props.onLayout,
-        testID: this.props.testID,
-        collapsable: false, // RNOH: patch
-      },
-      ...children
-    );
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: State) {
-    this.state.pressability.configure(this._createPressabilityConfig());
-  }
-
-  componentWillUnmount(): void {
-    this.state.pressability.reset();
-  }
-}
-
-const getBackgroundProp =
-  Platform.OS === "android"
-    ? /* $FlowFixMe[missing-local-annot] The type annotation(s) required by
-       * Flow's LTI update could not be added via codemod */
-      (background, useForeground: boolean) =>
-        useForeground && TouchableNativeFeedback.canUseNativeForeground()
-          ? { nativeForegroundAndroid: background }
-          : { nativeBackgroundAndroid: background }
-    : /* $FlowFixMe[missing-local-annot] The type annotation(s) required by
-       * Flow's LTI update could not be added via codemod */
-      (background, useForeground: boolean) => null;
-
-TouchableNativeFeedback.displayName = "TouchableNativeFeedback";
-
-module.exports = TouchableNativeFeedback;

package/Libraries/Components/Touchable/TouchableWithoutFeedback.harmony.js

@@ -1,227 +0,0 @@
-/**
- * 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
- */
-
-// RNOH patch: disable view flattening
-
-import type {
-  AccessibilityActionEvent,
-  AccessibilityActionInfo,
-  AccessibilityRole,
-  AccessibilityState,
-  AccessibilityValue,
-} from "react-native/Libraries/Components/View/ViewAccessibility";
-import type { EdgeInsetsOrSizeProp } from "react-native/Libraries/StyleSheet/EdgeInsetsPropType";
-import type {
-  BlurEvent,
-  FocusEvent,
-  LayoutEvent,
-  PressEvent,
-} from "react-native/Libraries/Types/CoreEventTypes";
-
-import View from "react-native/Libraries/Components/View/View";
-import Pressability, {
-  type PressabilityConfig,
-} from "react-native/Libraries/Pressability/Pressability";
-import { PressabilityDebugView } from "react-native/Libraries/Pressability/PressabilityDebug";
-import * as React from "react";
-
-type Props = $ReadOnly<{|
-  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
-  accessibilityElementsHidden?: ?boolean,
-  accessibilityHint?: ?Stringish,
-  accessibilityLanguage?: ?Stringish,
-  accessibilityIgnoresInvertColors?: ?boolean,
-  accessibilityLabel?: ?Stringish,
-  accessibilityLiveRegion?: ?("none" | "polite" | "assertive"),
-  accessibilityRole?: ?AccessibilityRole,
-  accessibilityState?: ?AccessibilityState,
-  accessibilityValue?: ?AccessibilityValue,
-  "aria-valuemax"?: AccessibilityValue["max"],
-  "aria-valuemin"?: AccessibilityValue["min"],
-  "aria-valuenow"?: AccessibilityValue["now"],
-  "aria-valuetext"?: AccessibilityValue["text"],
-  accessibilityViewIsModal?: ?boolean,
-  "aria-modal"?: ?boolean,
-  accessible?: ?boolean,
-  /**
-   * alias for accessibilityState
-   *
-   * see https://reactnative.dev/docs/accessibility#accessibilitystate
-   */
-  "aria-busy"?: ?boolean,
-  "aria-checked"?: ?boolean | "mixed",
-  "aria-disabled"?: ?boolean,
-  "aria-expanded"?: ?boolean,
-  "aria-selected"?: ?boolean,
-  "aria-hidden"?: ?boolean,
-  "aria-live"?: ?("polite" | "assertive" | "off"),
-  "aria-label"?: ?Stringish,
-  children?: ?React.Node,
-  delayLongPress?: ?number,
-  delayPressIn?: ?number,
-  delayPressOut?: ?number,
-  disabled?: ?boolean,
-  focusable?: ?boolean,
-  hitSlop?: ?EdgeInsetsOrSizeProp,
-  id?: string,
-  importantForAccessibility?: ?("auto" | "yes" | "no" | "no-hide-descendants"),
-  nativeID?: ?string,
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
-  onBlur?: ?(event: BlurEvent) => mixed,
-  onFocus?: ?(event: FocusEvent) => mixed,
-  onLayout?: ?(event: LayoutEvent) => mixed,
-  onLongPress?: ?(event: PressEvent) => mixed,
-  onPress?: ?(event: PressEvent) => mixed,
-  onPressIn?: ?(event: PressEvent) => mixed,
-  onPressOut?: ?(event: PressEvent) => mixed,
-  pressRetentionOffset?: ?EdgeInsetsOrSizeProp,
-  rejectResponderTermination?: ?boolean,
-  testID?: ?string,
-  touchSoundDisabled?: ?boolean,
-|}>;
-
-type State = $ReadOnly<{|
-  pressability: Pressability,
-|}>;
-
-const PASSTHROUGH_PROPS = [
-  "accessibilityActions",
-  "accessibilityElementsHidden",
-  "accessibilityHint",
-  "accessibilityLanguage",
-  "accessibilityIgnoresInvertColors",
-  "accessibilityLabel",
-  "accessibilityLiveRegion",
-  "accessibilityRole",
-  "accessibilityValue",
-  "aria-valuemax",
-  "aria-valuemin",
-  "aria-valuenow",
-  "aria-valuetext",
-  "accessibilityViewIsModal",
-  "aria-modal",
-  "hitSlop",
-  "importantForAccessibility",
-  "nativeID",
-  "onAccessibilityAction",
-  "onBlur",
-  "onFocus",
-  "onLayout",
-  "testID",
-];
-
-class TouchableWithoutFeedback extends React.Component<Props, State> {
-  state: State = {
-    pressability: new Pressability(createPressabilityConfig(this.props)),
-  };
-
-  render(): React.Node {
-    const element = React.Children.only<$FlowFixMe>(this.props.children);
-    const children: Array<React.Node> = [element.props.children];
-    const ariaLive = this.props["aria-live"];
-
-    if (__DEV__) {
-      if (element.type === View) {
-        children.push(
-          <PressabilityDebugView color="red" hitSlop={this.props.hitSlop} />
-        );
-      }
-    }
-
-    let _accessibilityState = {
-      busy: this.props["aria-busy"] ?? this.props.accessibilityState?.busy,
-      checked:
-        this.props["aria-checked"] ?? this.props.accessibilityState?.checked,
-      disabled:
-        this.props["aria-disabled"] ?? this.props.accessibilityState?.disabled,
-      expanded:
-        this.props["aria-expanded"] ?? this.props.accessibilityState?.expanded,
-      selected:
-        this.props["aria-selected"] ?? this.props.accessibilityState?.selected,
-    };
-
-    // BACKWARD-COMPATIBILITY: Focus and blur events were never supported before
-    // adopting `Pressability`, so preserve that behavior.
-    const { onBlur, onFocus, ...eventHandlersWithoutBlurAndFocus } =
-      this.state.pressability.getEventHandlers();
-
-    const elementProps: { [string]: mixed, ... } = {
-      ...eventHandlersWithoutBlurAndFocus,
-      accessible: this.props.accessible !== false,
-      accessibilityState:
-        this.props.disabled != null
-          ? {
-              ..._accessibilityState,
-              disabled: this.props.disabled,
-            }
-          : _accessibilityState,
-      focusable:
-        this.props.focusable !== false && this.props.onPress !== undefined,
-
-      accessibilityElementsHidden:
-        this.props["aria-hidden"] ?? this.props.accessibilityElementsHidden,
-      importantForAccessibility:
-        this.props["aria-hidden"] === true
-          ? "no-hide-descendants"
-          : this.props.importantForAccessibility,
-      accessibilityLiveRegion:
-        ariaLive === "off"
-          ? "none"
-          : ariaLive ?? this.props.accessibilityLiveRegion,
-      nativeID: this.props.id ?? this.props.nativeID,
-      collapsable: false, // RNOH: patch
-    };
-    for (const prop of PASSTHROUGH_PROPS) {
-      if (this.props[prop] !== undefined) {
-        elementProps[prop] = this.props[prop];
-      }
-    }
-
-    return React.cloneElement(element, elementProps, ...children);
-  }
-
-  componentDidUpdate(): void {
-    this.state.pressability.configure(createPressabilityConfig(this.props));
-  }
-
-  componentWillUnmount(): void {
-    this.state.pressability.reset();
-  }
-}
-
-function createPressabilityConfig({
-  "aria-disabled": ariaDisabled,
-  ...props
-}: Props): PressabilityConfig {
-  const accessibilityStateDisabled =
-    ariaDisabled ?? props.accessibilityState?.disabled;
-  return {
-    cancelable: !props.rejectResponderTermination,
-    disabled:
-      props.disabled !== null ? props.disabled : accessibilityStateDisabled,
-    hitSlop: props.hitSlop,
-    delayLongPress: props.delayLongPress,
-    delayPressIn: props.delayPressIn,
-    delayPressOut: props.delayPressOut,
-    minPressDuration: 0,
-    pressRectOffset: props.pressRetentionOffset,
-    android_disableSound: props.touchSoundDisabled,
-    onBlur: props.onBlur,
-    onFocus: props.onFocus,
-    onLongPress: props.onLongPress,
-    onPress: props.onPress,
-    onPressIn: props.onPressIn,
-    onPressOut: props.onPressOut,
-  };
-}
-
-TouchableWithoutFeedback.displayName = "TouchableWithoutFeedback";
-
-module.exports = TouchableWithoutFeedback;