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

package/Libraries/Components/Image/Image.harmony.js

@@ -1,317 +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
- * @format
- */
-
-import type {ImageStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
-import type {ImageHarmony} from './Image.flow.harmony';
-import type {ImageProps as ImagePropsType} from 'react-native/Libraries/Image/ImageProps';
-
-import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';
-import StyleSheet from 'react-native/Libraries/StyleSheet/StyleSheet';
-import ImageAnalyticsTagContext from 'react-native/Libraries/Image/ImageAnalyticsTagContext';
-import ImageInjection from 'react-native/Libraries/Image/ImageInjection';
-import {getImageSourcesFromImageProps} from 'react-native/Libraries/Image/ImageSourceUtils';
-import {convertObjectFitToResizeMode} from 'react-native/Libraries/Image/ImageUtils';
-import ImageViewNativeComponent from 'react-native/Libraries/Image/ImageViewNativeComponent';
-import NativeImageLoaderHarmony from './NativeImageLoaderHarmony';
-import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
-import * as React from 'react';
-
-let _requestId = 1;
-function generateRequestId() {
-  return _requestId++;
-}
-
-function getSize(
-  uri: string,
-  success: (width: number, height: number) => void,
-  failure?: (error: any) => void,
-) {
-  NativeImageLoaderHarmony.getSize(uri)
-    .then(([width, height]) => success(width, height))
-    .catch(
-      failure ||
-        function () {
-          console.warn('Failed to get size for image ' + uri);
-        },
-    );
-}
-
-function getSizeWithHeaders(
-  uri: string,
-  headers: {[string]: string, ...},
-  success: (width: number, height: number) => void,
-  failure?: (error: any) => void,
-): any {
-  return NativeImageLoaderHarmony.getSizeWithHeaders(uri, headers)
-    .then(function (sizes) {
-      success(sizes.width, sizes.height);
-    })
-    .catch(
-      failure ||
-        function () {
-          console.warn('Failed to get size for image: ' + uri);
-        },
-    );
-}
-
-function prefetchWithMetadata(
-  url: string,
-  queryRootName: string,
-  rootTag?: ?RootTag,
-): any {
-  if (NativeImageLoaderHarmony.prefetchImageWithMetadata) {
-    // number params like rootTag cannot be nullable before TurboModules is available
-    return NativeImageLoaderHarmony.prefetchImageWithMetadata(
-      url,
-      queryRootName,
-      // NOTE: RootTag type
-      // $FlowFixMe[incompatible-call] RootTag: number is incompatible with RootTag
-      rootTag ? rootTag : 0,
-    );
-  } else {
-    const requestId = generateRequestId();
-    return NativeImageLoaderHarmony.prefetchImage(url, requestId);
-  }
-}
-
-function prefetch(url: string, callback: ?(requestId: number) => void): any {
-  const requestId = generateRequestId();
-  callback && callback(requestId);
-  return NativeImageLoaderHarmony.prefetchImage(url, requestId);
-}
-
-function abortPrefetch(requestId: number): void {
-  NativeImageLoaderHarmony.abortPrefetch(requestId);
-}
-
-async function queryCache(
-  urls: Array<string>,
-): Promise<{[string]: 'memory' | 'disk' | 'disk/memory', ...}> {
-  return await NativeImageLoaderHarmony.queryCache(urls);
-}
-
-export type ImageComponentStatics = $ReadOnly<{|
-  getSize: typeof getSize,
-  getSizeWithHeaders: typeof getSizeWithHeaders,
-  prefetch: typeof prefetch,
-  prefetchWithMetadata: typeof prefetchWithMetadata,
-  queryCache: typeof queryCache,
-  resolveAssetSource: typeof resolveAssetSource,
-  abortPrefetch: typeof abortPrefetch,
-|}>;
-
-/**
- * A React component for displaying different types of images,
- * including network images, static resources, temporary local images, and
- * images from local disk, such as the camera roll.
- *
- * See https://reactnative.dev/docs/image
- */
-/* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
- * LTI update could not be added via codemod */
-const BaseImage = (props: ImagePropsType, forwardedRef) => {
-  const source = getImageSourcesFromImageProps(props) || {
-    uri: undefined,
-    width: undefined,
-    height: undefined,
-  };
-
-  let sources;
-  let style: ImageStyleProp;
-  if (Array.isArray(source)) {
-    // $FlowFixMe[underconstrained-implicit-instantiation]
-    style = flattenStyle([styles.base, props.style]) || {};
-    sources = source;
-  } else {
-    // $FlowFixMe[incompatible-type]
-    const {width = props.width, height = props.height, uri} = source;
-    // $FlowFixMe[underconstrained-implicit-instantiation]
-    style = flattenStyle([{width, height}, styles.base, props.style]) || {};
-    sources = [source];
-
-    if (uri === '') {
-      console.warn('source.uri should not be an empty string');
-    }
-  }
-
-  const objectFit =
-    // $FlowFixMe[prop-missing]
-    style && style.objectFit
-      ? convertObjectFitToResizeMode(style.objectFit)
-      : null;
-  const resizeMode =
-    // $FlowFixMe[prop-missing]
-    objectFit || props.resizeMode || (style && style.resizeMode) || 'cover';
-  // $FlowFixMe[prop-missing]
-  const tintColor = props.tintColor || style.tintColor;
-
-  if (props.children != null) {
-    throw new Error(
-      'The <Image> component cannot contain children. If you want to render content on top of the image, consider using the <ImageBackground> component or absolute positioning.',
-    );
-  }
-  const {
-    'aria-busy': ariaBusy,
-    'aria-checked': ariaChecked,
-    'aria-disabled': ariaDisabled,
-    'aria-expanded': ariaExpanded,
-    'aria-selected': ariaSelected,
-    height,
-    src,
-    width,
-    ...restProps
-  } = props;
-
-  const _accessibilityState = {
-    busy: ariaBusy ?? props.accessibilityState?.busy,
-    checked: ariaChecked ?? props.accessibilityState?.checked,
-    disabled: ariaDisabled ?? props.accessibilityState?.disabled,
-    expanded: ariaExpanded ?? props.accessibilityState?.expanded,
-    selected: ariaSelected ?? props.accessibilityState?.selected,
-  };
-  const accessibilityLabel = props['aria-label'] ?? props.accessibilityLabel;
-
-  return (
-    <ImageAnalyticsTagContext.Consumer>
-      {analyticTag => {
-        if (props.accessibilityLabelledBy == undefined &&
-          props.accessibilityActions == undefined && 
-          props.accessbilityState == undefined && 
-          props.accessibilityRole == undefined && 
-          props.accessible == undefined && 
-          props.accessibilityLabel == undefined) {
-            return (
-              <ImageViewNativeComponent
-                {...restProps}
-                ref={forwardedRef}
-                style={style}
-                resizeMode={resizeMode}
-                tintColor={tintColor}
-                source={sources}
-                internal_analyticTag={analyticTag}
-              />
-            );
-        } 
-        return (
-          <ImageViewNativeComponent
-            accessibilityState={_accessibilityState}
-            {...restProps}
-            accessible={props.alt !== undefined ? true : props.accessible}
-            accessibilityLabel={accessibilityLabel ?? props.alt}
-            ref={forwardedRef}
-            style={style}
-            resizeMode={resizeMode}
-            tintColor={tintColor}
-            source={sources}
-            internal_analyticTag={analyticTag}
-          />
-        );
-      }}
-    </ImageAnalyticsTagContext.Consumer>
-  );
-};
-
-const ImageForwardRef = React.forwardRef<
-  ImagePropsType,
-  React.ElementRef<typeof ImageViewNativeComponent>,
->(BaseImage);
-
-let Image = ImageForwardRef;
-if (ImageInjection.unstable_createImageComponent != null) {
-  Image = ImageInjection.unstable_createImageComponent(Image);
-}
-
-Image.displayName = 'Image';
-
-/**
- * Retrieve the width and height (in pixels) of an image prior to displaying it.
- *
- * See https://reactnative.dev/docs/image#getsize
- */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
-Image.getSize = getSize;
-
-/**
- * Retrieve the width and height (in pixels) of an image prior to displaying it
- * with the ability to provide the headers for the request.
- *
- * See https://reactnative.dev/docs/image#getsizewithheaders
- */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
-Image.getSizeWithHeaders = getSizeWithHeaders;
-
-/**
- * Prefetches a remote image for later use by downloading it to the disk
- * cache.
- *
- * See https://reactnative.dev/docs/image#prefetch
- */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
-Image.prefetch = prefetch;
-
-/**
- * Prefetches a remote image for later use by downloading it to the disk
- * cache, and adds metadata for queryRootName and rootTag.
- *
- * See https://reactnative.dev/docs/image#prefetch
- */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
-Image.prefetchWithMetadata = prefetchWithMetadata;
-
-/**
- * Performs cache interrogation.
- *
- *  See https://reactnative.dev/docs/image#querycache
- */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
-Image.queryCache = queryCache;
-
-/**
- * Resolves an asset reference into an object.
- *
- * See https://reactnative.dev/docs/image#resolveassetsource
- */
-/* $FlowFixMe[prop-missing] (>=0.89.0 site=react_native_ios_fb) This comment
- * suppresses an error found when Flow v0.89 was deployed. To see the error,
- * delete this comment and run Flow. */
-Image.resolveAssetSource = resolveAssetSource;
-
-/**
- * Abort prefetch request.
- *
- * See https://reactnative.dev/docs/image#abortprefetch
- */
-// $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
-Image.abortPrefetch = abortPrefetch;
-
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
-
-const styles = StyleSheet.create({
-  base: {
-    overflow: 'hidden',
-  },
-});
-
-module.exports = ((Image: any): ImageHarmony);

package/Libraries/Components/Image/NativeImageLoaderHarmony.js

@@ -1,38 +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
- * @format
- */
-
-import type {RootTag} from 'react-native/Libraries/TurboModule/RCTExport';
-import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  // Return [width, height] of image uri
-  +getSize: (uri: string) => Promise<$ReadOnlyArray<number>>;
-  +getSizeWithHeaders: (
-    uri: string,
-    headers: Object,
-  ) => Promise<{
-    width: number,
-    height: number,
-    ...
-  }>;
-  +prefetchImage: (uri: string, requestId: number) => Promise<boolean>;
-  +prefetchImageWithMetadata?: (
-    uri: string,
-    queryRootName: string,
-    rootTag: RootTag,
-  ) => Promise<boolean>;
-  +queryCache: (uris: Array<string>) => Promise<Object>;
-  +abortPrefetch: (requestId: number) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('ImageLoader'): Spec);

package/Libraries/Components/Keyboard/KeyboardAvoidingView.harmony.js

@@ -1,256 +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.
- *
- * @format
- * @flow strict-local
- */
-
-import type {ViewStyleProp} from 'react-native/Libraries/Components/Keyboard/../../StyleSheet/StyleSheet';
-import type {
-  ViewLayout,
-  ViewLayoutEvent,
-  ViewProps,
-} from 'react-native/Libraries/Components/Keyboard/../View/ViewPropTypes';
-import type {KeyboardEvent, KeyboardMetrics} from 'react-native/Libraries/Components/Keyboard/Keyboard';
-
-import LayoutAnimation from 'react-native/Libraries/Components/Keyboard/../../LayoutAnimation/LayoutAnimation';
-import StyleSheet from 'react-native/Libraries/Components/Keyboard/../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
-import {type EventSubscription} from 'react-native/Libraries/Components/Keyboard/../../vendor/emitter/EventEmitter';
-import AccessibilityInfo from 'react-native/Libraries/Components/Keyboard/../AccessibilityInfo/AccessibilityInfo';
-import View from 'react-native/Libraries/Components/Keyboard/../View/View';
-import Keyboard from 'react-native/Libraries/Components/Keyboard/Keyboard';
-import * as React from 'react';
-
-type Props = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * Specify how to react to the presence of the keyboard.
-   */
-  behavior?: ?('height' | 'position' | 'padding'),
-
-  /**
-   * Style of the content container when `behavior` is 'position'.
-   */
-  contentContainerStyle?: ?ViewStyleProp,
-
-  /**
-   * Controls whether this `KeyboardAvoidingView` instance should take effect.
-   * This is useful when more than one is on the screen. Defaults to true.
-   */
-  enabled?: ?boolean,
-
-  /**
-   * Distance between the top of the user screen and the React Native view. This
-   * may be non-zero in some cases. Defaults to 0.
-   */
-  keyboardVerticalOffset?: number,
-|}>;
-
-type State = {|
-  bottom: number,
-|};
-
-/**
- * View that moves out of the way when the keyboard appears by automatically
- * adjusting its height, position, or bottom padding.
- */
-class KeyboardAvoidingView extends React.Component<Props, State> {
-  _frame: ?ViewLayout = null;
-  _keyboardEvent: ?KeyboardEvent = null;
-  _subscriptions: Array<EventSubscription> = [];
-  viewRef: {current: React.ElementRef<typeof View> | null, ...};
-  _initialFrameHeight: number = 0;
-
-  constructor(props: Props) {
-    super(props);
-    this.state = {bottom: 0};
-    this.viewRef = React.createRef();
-  }
-
-  async _relativeKeyboardHeight(
-    keyboardFrame: KeyboardMetrics,
-  ): Promise<number> {
-    const frame = this._frame;
-    if (!frame || !keyboardFrame 
-      || this.props.enabled === false) { // RNOH patch
-      return 0;
-    }
-
-    // On iOS when Prefer Cross-Fade Transitions is enabled, the keyboard position
-    // & height is reported differently (0 instead of Y position value matching height of frame)
-    if (
-      Platform.OS === 'ios' &&
-      keyboardFrame.screenY === 0 &&
-      (await AccessibilityInfo.prefersCrossFadeTransitions())
-    ) {
-      return 0;
-    }
-
-    const keyboardY =
-      keyboardFrame.screenY - (this.props.keyboardVerticalOffset ?? 0);
-
-    if (this.props.behavior === 'height') {
-      return Math.max(
-        this.state.bottom + frame.y + frame.height - keyboardY,
-        0,
-      );
-    }
-
-    // Calculate the displacement needed for the view such that it
-    // no longer overlaps with the keyboard
-    return Math.max(frame.y + frame.height - keyboardY, 0);
-  }
-
-  _onKeyboardChange = (event: ?KeyboardEvent) => {
-    this._keyboardEvent = event;
-    // $FlowFixMe[unused-promise]
-    this._updateBottomIfNecessary();
-  };
-
-  _onLayout = async (event: ViewLayoutEvent) => {
-    const wasFrameNull = this._frame == null;
-    this._frame = event.nativeEvent.layout;
-    if (!this._initialFrameHeight) {
-      // save the initial frame height, before the keyboard is visible
-      this._initialFrameHeight = this._frame.height;
-    }
-
-    if (wasFrameNull) {
-      await this._updateBottomIfNecessary();
-    }
-
-    if (this.props.onLayout) {
-      this.props.onLayout(event);
-    }
-  };
-
-  _updateBottomIfNecessary = async () => {
-    if (this._keyboardEvent == null) {
-      this.setState({bottom: 0});
-      return;
-    }
-
-    const {duration, easing, endCoordinates} = this._keyboardEvent;
-    const height = await this._relativeKeyboardHeight(endCoordinates);
-
-    if (this.state.bottom === height) {
-      return;
-    }
-
-    if (duration && easing) {
-      LayoutAnimation.configureNext({
-        // We have to pass the duration equal to minimal accepted duration defined here: RCTLayoutAnimation.m
-        duration: duration > 10 ? duration : 10,
-        update: {
-          duration: duration > 10 ? duration : 10,
-          type: LayoutAnimation.Types[easing] || 'keyboard',
-        },
-      });
-    }
-    this.setState({bottom: height});
-  };
-
-  componentDidMount(): void {
-    if (Platform.OS === 'ios') {
-      this._subscriptions = [
-        Keyboard.addListener('keyboardWillChangeFrame', this._onKeyboardChange),
-      ];
-    } else {
-      this._subscriptions = [
-        Keyboard.addListener('keyboardDidHide', this._onKeyboardChange),
-        Keyboard.addListener('keyboardDidShow', this._onKeyboardChange),
-      ];
-    }
-  }
-
-  componentWillUnmount(): void {
-    this._subscriptions.forEach(subscription => {
-      subscription.remove();
-    });
-  }
-
-  render(): React.Node {
-    const {
-      behavior,
-      children,
-      contentContainerStyle,
-      enabled = true,
-      // eslint-disable-next-line no-unused-vars
-      keyboardVerticalOffset = 0,
-      style,
-      onLayout,
-      ...props
-    } = this.props;
-    const bottomHeight = enabled === true ? this.state.bottom : 0;
-    switch (behavior) {
-      case 'height':
-        let heightStyle;
-        if (this._frame != null && this.state.bottom > 0) {
-          // Note that we only apply a height change when there is keyboard present,
-          // i.e. this.state.bottom is greater than 0. If we remove that condition,
-          // this.frame.height will never go back to its original value.
-          // When height changes, we need to disable flex.
-          heightStyle = {
-            height: this._initialFrameHeight - bottomHeight,
-            flex: 0,
-          };
-        }
-        /* RNOH: patch */
-        return (
-          <View
-            ref={this.viewRef}
-            style={StyleSheet.compose(style, heightStyle)}
-            onLayout={this._onLayout}
-            {...props}>
-            {React.Children.map(children, child => child && React.cloneElement(child, {__keyboardAvoidingViewBottomHeight: bottomHeight}))}
-          </View>
-        );
-
-      case 'position':
-        return (
-          <View
-            ref={this.viewRef}
-            style={style}
-            onLayout={this._onLayout}
-            {...props}>
-            <View
-              style={StyleSheet.compose(contentContainerStyle, {
-                bottom: bottomHeight,
-              })}>
-              {children}
-            </View>
-          </View>
-        );
-
-      case 'padding':
-        /* RNOH: patch */
-        return (
-          <View
-            ref={this.viewRef}
-            style={StyleSheet.compose(style, {paddingBottom: bottomHeight})}
-            onLayout={this._onLayout}
-            {...props}>
-            {React.Children.map(children, child => child && React.cloneElement(child, {__keyboardAvoidingViewBottomHeight: bottomHeight}))}
-          </View>
-        );
-
-      default:
-        return (
-          <View
-            ref={this.viewRef}
-            onLayout={this._onLayout}
-            style={style}
-            {...props}>
-            {children}
-          </View>
-        );
-    }
-  }
-}
-
-export default KeyboardAvoidingView;