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

package/Libraries/Components/StatusBar/delegates/NativeStatusBarManagerHarmony.harmony.ts

@@ -0,0 +1,53 @@
+/**
+ * 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 * as TurboModuleRegistry from '../../../TurboModule/TurboModuleRegistry';
+import type { TurboModule } from '../../../TurboModule/RCTExport';
+
+type NativeStatusBarManagerConstants = {
+  HEIGHT: number;
+  DEFAULT_BACKGROUND_COLOR?: string;
+};
+
+export interface Spec extends TurboModule {
+  getConstants: () => NativeStatusBarManagerConstants;
+  setColor: (color: number, animated: boolean) => void;
+  setTranslucent: (translucent: boolean) => void;
+  setStyle: (statusBarStyle: string) => void;
+  setHidden: (hidden: boolean) => void;
+}
+
+const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
+
+let constants: NativeStatusBarManagerConstants | null = null;
+
+const NativeStatusBarManager: Spec = {
+  getConstants(): NativeStatusBarManagerConstants {
+    if (constants == null) {
+      constants = NativeModule.getConstants();
+    }
+    return constants;
+  },
+
+  setColor(color: number, animated: boolean): void {
+    NativeModule.setColor(color, animated);
+  },
+
+  setTranslucent(translucent: boolean): void {
+    NativeModule.setTranslucent(translucent);
+  },
+
+  setStyle(statusBarStyle: string): void {
+    NativeModule.setStyle(statusBarStyle);
+  },
+
+  setHidden(hidden: boolean): void {
+    NativeModule.setHidden(hidden);
+  },
+};
+
+export default NativeStatusBarManager;

package/Libraries/Components/StatusBar/delegates/StatusBarDelegate.harmony.ts

@@ -0,0 +1,83 @@
+/**
+ * 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 {
+  BaseStatusBarDelegate,
+  StatusBarAnimation,
+  StatusBarStyle,
+} from './BaseStatusBarDelegate';
+import NativeStatusBarManagerHarmony from './NativeStatusBarManagerHarmony.harmony';
+import invariant from 'invariant';
+import processColor from '../../../StyleSheet/processColor';
+
+export default class StatusBarDelegate extends BaseStatusBarDelegate {
+  override getCurrentHeight(): number {
+    return NativeStatusBarManagerHarmony.getConstants().HEIGHT;
+  }
+
+  override getDefaultBackgroundColor(): string {
+    return (
+      NativeStatusBarManagerHarmony.getConstants().DEFAULT_BACKGROUND_COLOR ??
+      'black'
+    );
+  }
+
+  override setBarStyle(style: StatusBarStyle, animated?: boolean): void {
+    NativeStatusBarManagerHarmony.setStyle(style);
+  }
+
+  override setColor(processedColor: number, animated?: boolean): void {
+    NativeStatusBarManagerHarmony.setColor(processedColor, animated ?? false);
+  }
+
+  override setHidden(hidden: boolean, animation?: StatusBarAnimation): void {
+    NativeStatusBarManagerHarmony.setHidden(hidden);
+  }
+
+  override setNetworkActivityIndicatorVisible(visible: boolean): void {
+    // NOOP
+    return;
+  }
+
+  override setTranslucent(translucent: boolean): void {
+    NativeStatusBarManagerHarmony.setTranslucent(translucent);
+  }
+
+  override updatePropsStack(oldProps: any, newProps: any): void {
+    if (!oldProps || oldProps.hidden.value !== newProps.hidden.value) {
+      NativeStatusBarManagerHarmony.setHidden(newProps.hidden.value);
+    }
+    if (!oldProps || oldProps.barStyle.value !== newProps.barStyle.value) {
+      NativeStatusBarManagerHarmony.setStyle(newProps.barStyle.value);
+    }
+    if (!oldProps || oldProps.translucent !== newProps.translucent) {
+      NativeStatusBarManagerHarmony.setTranslucent(newProps.translucent);
+    }
+    if (
+      !oldProps ||
+      oldProps.backgroundColor.value !== newProps.backgroundColor.value
+    ) {
+      const processedColor = (processColor as any)(
+        newProps.backgroundColor.value
+      );
+      if (processedColor == null) {
+        console.warn(
+          `\`StatusBarDelegate::updatePropsStack\`: Color ${newProps.backgroundColor.value} parsed to null or undefined`
+        );
+      } else {
+        invariant(
+          typeof processedColor === 'number',
+          'Unexpected color given in StatusBarDelegate::updatePropsStack'
+        );
+        NativeStatusBarManagerHarmony.setColor(
+          processedColor,
+          newProps.backgroundColor.animated
+        );
+      }
+    }
+  }
+}

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/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/Touchable/delegates/TouchableHighlightDelegate.harmony.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 { BaseTouchableHighlightDelegate } from './BaseTouchableHighlightDelegate';
+
+export default class TouchableHighlightDelegate extends BaseTouchableHighlightDelegate {
+  override getExtraContainerProps(): Record<string, any> {
+    return { collapsable: false };
+  }
+}

package/Libraries/Components/Touchable/delegates/TouchableNativeFeedbackDelegate.harmony.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 { BaseTouchableNativeFeedbackDelegate } from './BaseTouchableNativeFeedbackDelegate';
+
+export default class TouchableNativeFeedbackDelegate extends BaseTouchableNativeFeedbackDelegate {
+  override getExtraProps(): Record<string, any> {
+    return { collapsable: false };
+  }
+}

package/Libraries/Components/Touchable/delegates/TouchableWithoutFeedbackDelegate.harmony.ts

@@ -0,0 +1,14 @@
+/**
+ * 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 { BaseTouchableWithoutFeedbackDelegate } from './BaseTouchableWithoutFeedbackDelegate';
+
+export default class TouchableWithoutFeedbackDelegate extends BaseTouchableWithoutFeedbackDelegate {
+  override getExtraProps(): Record<string, any> {
+    return { collapsable: false };
+  }
+}

package/Libraries/Components/delegates/ButtonDelegate.harmony.ts

@@ -0,0 +1,41 @@
+/**
+ * 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 { TextStyle, ViewStyle } from 'react-native';
+import { BaseButtonDelegate } from './BaseButtonDelegate';
+
+export default class ButtonDelegate extends BaseButtonDelegate {
+  override getButtonDisabledStyle(): ViewStyle {
+    return {
+      opacity: 0.4,
+    };
+  }
+
+  override getButtonStyle(): ViewStyle {
+    return {
+      backgroundColor: '#317aff',
+      borderRadius: 8,
+    };
+  }
+
+  override getTextDisabledStyle(): TextStyle {
+    return {
+      fontWeight: '500',
+    };
+  }
+
+  override getTextStyle(): TextStyle {
+    return {
+      color: '#FFFFFF',
+      fontSize: 16,
+    };
+  }
+
+  override getInnerViewFocusable(): boolean {
+    return false;
+  }
+}

package/Libraries/Core/setUpPlatform.harmony.js

@@ -0,0 +1,30 @@
+/**
+ * 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.
+ */
+
+const {
+  setRuntimeConfigProvider,
+} = require('../NativeComponent/NativeComponentRegistry');
+
+setRuntimeConfigProvider((_viewConfigName) => {
+  return {
+    /**
+     * A ViewConfig describe what a component can send "to" and "from" the native side.
+     * On iOS/Android ViewConfigs for core components are configured in JS.
+     *
+     * In RNOH, ViewConfigs for core components are defined on the native side in ComponentJSIBinders.
+     * Native ViewConfigs are prefered for RNOH because they:
+     * 1) don't require patching RN
+     * 2) improve code consistency by using the same approach that is used by third party components
+     *
+     * After upgrading RNOH to 0.77 and enabling bridgless, RNOH needs to inform RN explicitly to continue using native ViewConfigs.
+     *
+     * ReactNativeFeatureFlags.js::useNativeViewConfigsInBridgelessMode can't be used here, because this code is executed before TurboModules can be used.
+     */
+    native: true,
+    verify: false,
+  };
+});

package/Libraries/Image/AssetSourceResolver.harmony.ts

@@ -79,16 +79,12 @@ class AssetSourceResolver {
     return !!this.serverUrl;
   }
 
-  isLoadedFromFileSystem(): boolean {
-    return !!(this.jsbundleUrl && this.jsbundleUrl.startsWith('file://'));
-  }
-
   public defaultAsset(): ResolvedAssetSource {
     if (this.isLoadedFromServer()) {
       return this.assetServerURL();
     }
 
-    const path = this.isLoadedFromFileSystem() ? this.jsbundleUrl : 'asset://';
+    const path = 'asset://';
 
     // Assets can have relative paths outside of the project root.
     // Replace `../` with `_` to make sure they don't end up outside of

package/Libraries/Image/Image.harmony.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ */
+
+// @ts-ignore
+import Image from './Image.ios';
+// @ts-ignore
+import ImageAndroid from './Image.android';
+
+Image.getSize = ImageAndroid.getSize
+Image.prefetch = ImageAndroid.prefetch
+Image.abortPrefetch = ImageAndroid.abortPrefetch
+
+export default Image;