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

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js

@@ -0,0 +1,113 @@
+/**
+ * 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 {ColorValue} from '../../StyleSheet/StyleSheet';
+import type {ViewProps} from '../View/ViewPropTypes';
+
+import ProgressBarAndroidNativeComponent from './ProgressBarAndroidNativeComponent';
+
+const React = require('react');
+
+export type ProgressBarAndroidProps = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * Style of the ProgressBar and whether it shows indeterminate progress (e.g. spinner).
+   *
+   * `indeterminate` can only be false if `styleAttr` is Horizontal, and requires a
+   * `progress` value.
+   */
+  ...
+    | {|
+        styleAttr: 'Horizontal',
+        indeterminate: false,
+        progress: number,
+      |}
+    | {|
+        typeAttr:
+          | 'Horizontal'
+          | 'Normal'
+          | 'Small'
+          | 'Large'
+          | 'Inverse'
+          | 'SmallInverse'
+          | 'LargeInverse',
+        indeterminate: true,
+      |},
+  /**
+   * Whether to show the ProgressBar (true, the default) or hide it (false).
+   */
+  animating?: ?boolean,
+  /**
+   * Color of the progress bar.
+   */
+  color?: ?ColorValue,
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: ?string,
+|}>;
+
+/**
+ * React component that wraps the Android-only `ProgressBar`. This component is
+ * used to indicate that the app is loading or there is activity in the app.
+ *
+ * Example:
+ *
+ * ```
+ * render: function() {
+ *   var progressBar =
+ *     <View style={styles.container}>
+ *       <ProgressBar styleAttr="Inverse" />
+ *     </View>;
+
+ *   return (
+ *     <MyLoadingComponent
+ *       componentView={componentView}
+ *       loadingView={progressBar}
+ *       style={styles.loadingComponent}
+ *     />
+ *   );
+ * },
+ * ```
+ */
+const ProgressBarAndroidWithForwardedRef: component(
+  ref: React.RefSetter<
+    React.ElementRef<typeof ProgressBarAndroidNativeComponent>,
+  >,
+  ...props: ProgressBarAndroidProps
+) = React.forwardRef(function ProgressBarAndroid(
+  {
+    // $FlowFixMe[incompatible-type]
+    styleAttr = 'Normal',
+    indeterminate = true,
+    animating = true,
+    ...restProps
+  }: ProgressBarAndroidProps,
+  forwardedRef: ?React.RefSetter<
+    React.ElementRef<typeof ProgressBarAndroidNativeComponent>,
+  >,
+) {
+  return (
+    <ProgressBarAndroidNativeComponent
+      styleAttr={styleAttr}
+      indeterminate={indeterminate}
+      animating={animating}
+      {...restProps}
+      ref={forwardedRef}
+    />
+  );
+});
+
+module.exports =
+  /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
+   * error found when Flow v0.89 was deployed. To see the error, delete this
+   * comment and run Flow. */
+  (ProgressBarAndroidWithForwardedRef: typeof ProgressBarAndroidNativeComponent);

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.d.ts

@@ -0,0 +1,83 @@
+/**
+ * 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
+ */
+
+import type * as React from 'react';
+import {Constructor} from '../../../types/private/Utilities';
+import {NativeMethods} from '../../../types/public/ReactNativeTypes';
+import {ColorValue} from '../../StyleSheet/StyleSheet';
+import {ViewProps} from '../View/ViewPropTypes';
+
+/**
+ * ProgressBarAndroid has been extracted from react-native core and will be removed in a future release.
+ * It can now be installed and imported from `@react-native-community/progress-bar-android` instead of 'react-native'.
+ * @see https://github.com/react-native-community/progress-bar-android
+ * @deprecated
+ */
+export interface ProgressBarAndroidProps extends ViewProps {
+  /**
+     * Style of the ProgressBar. One of:
+         Horizontal
+         Normal (default)
+         Small
+         Large
+         Inverse
+         SmallInverse
+         LargeInverse
+     */
+  styleAttr?:
+    | 'Horizontal'
+    | 'Normal'
+    | 'Small'
+    | 'Large'
+    | 'Inverse'
+    | 'SmallInverse'
+    | 'LargeInverse'
+    | undefined;
+
+  /**
+   * If the progress bar will show indeterminate progress.
+   * Note that this can only be false if styleAttr is Horizontal.
+   */
+  indeterminate?: boolean | undefined;
+
+  /**
+   * The progress value (between 0 and 1).
+   */
+  progress?: number | undefined;
+
+  /**
+   * Whether to show the ProgressBar (true, the default) or hide it (false).
+   */
+  animating?: boolean | undefined;
+
+  /**
+   * Color of the progress bar.
+   */
+  color?: ColorValue | undefined;
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: string | undefined;
+}
+
+/**
+ * React component that wraps the Android-only `ProgressBar`. This component is used to indicate
+ * that the app is loading or there is some activity in the app.
+ */
+declare class ProgressBarAndroidComponent extends React.Component<ProgressBarAndroidProps> {}
+declare const ProgressBarAndroidBase: Constructor<NativeMethods> &
+  typeof ProgressBarAndroidComponent;
+/**
+ * ProgressBarAndroid has been extracted from react-native core and will be removed in a future release.
+ * It can now be installed and imported from `@react-native-community/progress-bar-android` instead of 'react-native'.
+ * @see https://github.com/react-native-progress-view/progress-bar-android
+ * @deprecated
+ */
+export class ProgressBarAndroid extends ProgressBarAndroidBase {}

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.js

@@ -0,0 +1,20 @@
+/**
+ * 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';
+
+import typeof UnimplementedViewType from '../UnimplementedViews/UnimplementedView';
+import typeof ProgressBarAndroidNativeComponentType from './ProgressBarAndroidNativeComponent';
+
+export type {ProgressBarAndroidProps} from './ProgressBarAndroid.android';
+
+module.exports = (require('../UnimplementedViews/UnimplementedView'):
+  | UnimplementedViewType
+  | ProgressBarAndroidNativeComponentType);

package/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+export * from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+import ProgressBarAndroidNativeComponent from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+export default ProgressBarAndroidNativeComponent;

package/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+export * from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+import AndroidSwipeRefreshLayoutNativeComponent from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+export default AndroidSwipeRefreshLayoutNativeComponent;

package/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+export * from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+import PullToRefreshViewNativeComponent from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+export default PullToRefreshViewNativeComponent;

package/Libraries/Components/RefreshControl/RefreshControl.d.ts

@@ -0,0 +1,87 @@
+/**
+ * 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
+ */
+
+import type * as React from 'react';
+import {Constructor} from '../../../types/private/Utilities';
+import {NativeMethods} from '../../../types/public/ReactNativeTypes';
+import {ColorValue} from '../../StyleSheet/StyleSheet';
+import {ViewProps} from '../View/ViewPropTypes';
+
+export interface RefreshControlPropsIOS extends ViewProps {
+  /**
+   * The color of the refresh indicator.
+   */
+  tintColor?: ColorValue | undefined;
+
+  /**
+   * The title displayed under the refresh indicator.
+   */
+  title?: string | undefined;
+
+  /**
+   * Title color.
+   */
+  titleColor?: ColorValue | undefined;
+}
+
+export interface RefreshControlPropsAndroid extends ViewProps {
+  /**
+   * The colors (at least one) that will be used to draw the refresh indicator.
+   */
+  colors?: ColorValue[] | undefined;
+
+  /**
+   * Whether the pull to refresh functionality is enabled.
+   */
+  enabled?: boolean | undefined;
+
+  /**
+   * The background color of the refresh indicator.
+   */
+  progressBackgroundColor?: ColorValue | undefined;
+
+  /**
+   * Size of the refresh indicator, see RefreshControl.SIZE.
+   */
+  size?: number | undefined;
+}
+
+export interface RefreshControlProps
+  extends RefreshControlPropsIOS,
+    RefreshControlPropsAndroid {
+  /**
+   * Called when the view starts refreshing.
+   */
+  onRefresh?: (() => void) | undefined;
+
+  /**
+   * Whether the view should be indicating an active refresh.
+   */
+  refreshing: boolean;
+
+  /**
+   * Progress view top offset
+   */
+  progressViewOffset?: number | undefined;
+}
+
+/**
+ * This component is used inside a ScrollView or ListView to add pull to refresh
+ * functionality. When the ScrollView is at `scrollY: 0`, swiping down
+ * triggers an `onRefresh` event.
+ *
+ * __Note:__ `refreshing` is a controlled prop, this is why it needs to be set to true
+ * in the `onRefresh` function otherwise the refresh indicator will stop immediately.
+ */
+declare class RefreshControlComponent extends React.Component<RefreshControlProps> {}
+declare const RefreshControlBase: Constructor<NativeMethods> &
+  typeof RefreshControlComponent;
+export class RefreshControl extends RefreshControlBase {
+  static SIZE: Object; // Undocumented
+}

package/Libraries/Components/RefreshControl/{RefreshControl.harmony.js → RefreshControl.js}

@@ -5,24 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-const OS = "ios"; // RNOH: patch - replaced occurrences Platform.OS with OS
+import type {ColorValue} from '../../StyleSheet/StyleSheet';
+import type {ViewProps} from '../View/ViewPropTypes';
 
-//RNOH: patch - fix imports
-import type { ColorValue } from "react-native/Libraries/StyleSheet/StyleSheet";
-import type { ViewProps } from "react-native/Libraries/Components/View/ViewPropTypes";
+// RNC_patch
+// import AndroidSwipeRefreshLayoutNativeComponent, {
+//   Commands as AndroidSwipeRefreshLayoutCommands,
+// } from './AndroidSwipeRefreshLayoutNativeComponent';
+// import PullToRefreshViewNativeComponent, {
+//   Commands as PullToRefreshCommands,
+// } from './PullToRefreshViewNativeComponent';
+import RefreshControlDelegate from './delegates/RefreshControlDelegate';
 
-import AndroidSwipeRefreshLayoutNativeComponent, {
-  Commands as AndroidSwipeRefreshLayoutCommands,
-} from "react-native/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent";
-import PullToRefreshViewNativeComponent, {
-  Commands as PullToRefreshCommands,
-} from "react-native/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent";
-
-const Platform = require("../../Utilities/Platform");
-const React = require("react");
+// const Platform = require('../../Utilities/Platform');
+const React = require('react');
 
 type IOSProps = $ReadOnly<{|
   /**
@@ -55,7 +54,7 @@ type AndroidProps = $ReadOnly<{|
   /**
    * Size of the refresh indicator.
    */
-  size?: ?("default" | "large"),
+  size?: ?('default' | 'large'),
 |}>;
 
 export type RefreshControlProps = $ReadOnly<{|
@@ -127,10 +126,17 @@ export type RefreshControlProps = $ReadOnly<{|
 class RefreshControl extends React.Component<RefreshControlProps> {
   _nativeRef: ?React.ElementRef<
     | typeof PullToRefreshViewNativeComponent
-    | typeof AndroidSwipeRefreshLayoutNativeComponent
+    | typeof AndroidSwipeRefreshLayoutNativeComponent,
   >;
   _lastNativeRefreshing = false;
 
+  // RNC_patch
+  _delegate: RefreshControlDelegate;
+  constructor(props: RefreshControlProps) {
+    super(props);
+    this._delegate = new RefreshControlDelegate({ getProps: () => this.props });
+  }
+
   componentDidMount() {
     this._lastNativeRefreshing = this.props.refreshing;
   }
@@ -145,46 +151,48 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       this.props.refreshing !== this._lastNativeRefreshing &&
       this._nativeRef
     ) {
-      // RNOH: patch - replaced occurrences Platform.OS with OS
-      if (OS === "android") {
-        AndroidSwipeRefreshLayoutCommands.setNativeRefreshing(
-          this._nativeRef,
-          this.props.refreshing
-        );
-      } else {
-        PullToRefreshCommands.setNativeRefreshing(
-          this._nativeRef,
-          this.props.refreshing
-        );
-      }
+      this._delegate.onSetNativeRefreshing(this._nativeRef, this.props.refreshing);
+      // if (Platform.OS === 'android') {
+      //   AndroidSwipeRefreshLayoutCommands.setNativeRefreshing(
+      //     this._nativeRef,
+      //     this.props.refreshing,
+      //   );
+      // } else {
+      //   PullToRefreshCommands.setNativeRefreshing(
+      //     this._nativeRef,
+      //     this.props.refreshing,
+      //   );
+      // }
       this._lastNativeRefreshing = this.props.refreshing;
     }
   }
 
   render(): React.Node {
-    // RNOH: patch - replaced occurrences Platform.OS with OS
-    if (OS === "ios") {
-      // RNOH: patch - change descructuring to pass "progressBackgroundColor", "enabled" and "size" to PullToRefreshViewNativeComponent
-      // BEFORE: const { enabled, colors, progressBackgroundColor, size, ...props } =
-      const {colors, ...props } =
-        this.props;
-      return (
-        <PullToRefreshViewNativeComponent
-          {...props}
-          ref={this._setNativeRef}
-          onRefresh={this._onRefresh}
-        />
-      );
-    } else {
-      const { tintColor, titleColor, title, ...props } = this.props;
-      return (
-        <AndroidSwipeRefreshLayoutNativeComponent
-          {...props}
-          ref={this._setNativeRef}
-          onRefresh={this._onRefresh}
-        />
-      );
-    }
+    // RNC_patch
+    return this._delegate.renderNativeComponent({
+      setNativeRef: this._setNativeRef,
+      onRefresh: this._onRefresh,
+    });
+    // if (Platform.OS === 'ios') {
+    //   const {enabled, colors, progressBackgroundColor, size, ...props} =
+    //     this.props;
+    //   return (
+    //     <PullToRefreshViewNativeComponent
+    //       {...props}
+    //       ref={this._setNativeRef}
+    //       onRefresh={this._onRefresh}
+    //     />
+    //   );
+    // } else {
+    //   const {tintColor, titleColor, title, ...props} = this.props;
+    //   return (
+    //     <AndroidSwipeRefreshLayoutNativeComponent
+    //       {...props}
+    //       ref={this._setNativeRef}
+    //       onRefresh={this._onRefresh}
+    //     />
+    //   );
+    // }
   }
 
   _onRefresh = () => {
@@ -201,10 +209,11 @@ class RefreshControl extends React.Component<RefreshControlProps> {
   _setNativeRef = (
     ref: ?React.ElementRef<
       | typeof PullToRefreshViewNativeComponent
-      | typeof AndroidSwipeRefreshLayoutNativeComponent
-    >
+      | typeof AndroidSwipeRefreshLayoutNativeComponent,
+    >,
   ) => {
     this._nativeRef = ref;
   };
 }
+
 module.exports = RefreshControl;

package/Libraries/Components/RefreshControl/__mocks__/RefreshControlMock.js

@@ -0,0 +1,31 @@
+/**
+ * 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';
+import type {HostComponent} from '../../../Renderer/shims/ReactNativeTypes';
+
+import requireNativeComponent from '../../../ReactNative/requireNativeComponent';
+import * as React from 'react';
+
+const RCTRefreshControl: HostComponent<{}> = requireNativeComponent<{}>(
+  'RCTRefreshControl',
+);
+
+class RefreshControlMock extends React.Component<{...}> {
+  static latestRef: ?RefreshControlMock;
+  componentDidMount() {
+    RefreshControlMock.latestRef = this;
+  }
+  render(): React.MixedElement {
+    return <RCTRefreshControl />;
+  }
+}
+
+module.exports = RefreshControlMock;

package/Libraries/Components/RefreshControl/delegates/BaseRefreshControlDelegate.ts

@@ -0,0 +1,31 @@
+/**
+ * @format
+ */
+import React from 'react';
+import type { RefreshControlProps } from '../RefreshControl';
+
+export type RefreshControlDelegateContext = {
+  getProps: () => RefreshControlProps
+};
+
+export type RefreshControlDelegateRenderInternalProps<
+  TNativeComponent extends {new (props: any): React.Component<any>},
+> = {
+  setNativeRef: (ref: React.ElementRef<TNativeComponent>) => void;
+  onRefresh: () => void;
+};
+
+export abstract class BaseRefreshControlDelegate<
+  TNativeComponent extends {new (props: any): React.Component<any>},
+> {
+  constructor(protected ctx: RefreshControlDelegateContext) {}
+
+  abstract onSetNativeRefreshing(
+    ref: React.ElementRef<TNativeComponent>,
+    refreshing: boolean,
+  ): void;
+
+  abstract renderNativeComponent(
+    internalProps: RefreshControlDelegateRenderInternalProps<TNativeComponent>,
+  ): React.ReactNode;
+}

package/Libraries/Components/RefreshControl/delegates/RefreshControlDelegate.harmony.tsx

@@ -0,0 +1,29 @@
+/**
+ * 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 {
+  BaseRefreshControlDelegate,
+  RefreshControlDelegateRenderInternalProps,
+} from './BaseRefreshControlDelegate';
+
+import PullToRefreshViewNativeComponent, {
+  Commands,
+  // @ts-ignore
+} from '../PullToRefreshViewNativeComponent';
+
+export default class RefreshControlDelegate extends BaseRefreshControlDelegate<any> {
+  override onSetNativeRefreshing(ref: unknown, refreshing: boolean): void {
+    Commands.setNativeRefreshing(ref, refreshing);
+  }
+
+  override renderNativeComponent(
+    internalProps: RefreshControlDelegateRenderInternalProps<any>
+  ): React.ReactNode {
+    const { colors, ...props } = this.ctx.getProps();
+    return <PullToRefreshViewNativeComponent {...internalProps} {...props} />;
+  }
+}

package/Libraries/Components/RefreshControl/delegates/RefreshControlDelegate.ts

@@ -0,0 +1,21 @@
+/**
+ * @format
+ */
+
+import {
+  BaseRefreshControlDelegate,
+  RefreshControlDelegateRenderInternalProps,
+} from './BaseRefreshControlDelegate';
+import {UnsupportedByPlatformError} from '../../../../delegates/DelegateError';
+
+export default class RefreshControlDelegate extends BaseRefreshControlDelegate<any> {
+  renderNativeComponent(
+    internalProps: RefreshControlDelegateRenderInternalProps<any>,
+  ): React.ReactNode {
+    throw new UnsupportedByPlatformError();
+  }
+
+  onSetNativeRefreshing(ref: unknown, refreshing: boolean): void {
+    throw new UnsupportedByPlatformError();
+  }
+}

package/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+export * from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+import RCTSafeAreaViewNativeComponent from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+export default RCTSafeAreaViewNativeComponent;

package/Libraries/Components/SafeAreaView/SafeAreaView.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 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
+ */
+
+import type * as React from 'react';
+import {Constructor} from '../../../types/private/Utilities';
+import {NativeMethods} from '../../../types/public/ReactNativeTypes';
+import {ViewProps} from '../View/ViewPropTypes';
+
+/**
+ * Renders nested content and automatically applies paddings reflect the portion of the view
+ * that is not covered by navigation bars, tab bars, toolbars, and other ancestor views.
+ * Moreover, and most importantly, Safe Area's paddings reflect physical limitation of the screen,
+ * such as rounded corners or camera notches (aka sensor housing area on iPhone X).
+ */
+declare class SafeAreaViewComponent extends React.Component<ViewProps> {}
+declare const SafeAreaViewBase: Constructor<NativeMethods> &
+  typeof SafeAreaViewComponent;
+export class SafeAreaView extends SafeAreaViewBase {}