@react-native-oh/react-native-harmony 0.61.16

package/Libraries/ART/ReactNativeART.js

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2025 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 View from '@react-native-oh/react-native-harmony/Libraries/Components/View/View';
+
+class Path {
+  constructor() {
+  }
+
+  moveTo() {
+    return this;
+  }
+
+  lineTo() {
+    return this;
+  }
+
+  arc() {
+    return this;
+  }
+
+  close() {
+    return this;
+  }
+}
+
+const ReactART = {
+  LinearGradient: View,
+  RadialGradient: View,
+  Pattern: View,
+  Transform: View,
+  Path: Path,
+  Surface: View,
+  Group: View,
+  ClippingRectangle: View,
+  Shape: View,
+  Text: View,
+};
+
+module.exports = ReactART;

package/Libraries/Animated/Animated.js

@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) 2025 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.
+ */
+
+'use strict';
+
+// Wrap Harmony 0.77 Animated to restore RN 0.61-friendly call patterns,
+// especially around Animated.event where the second options argument
+// used to be optional or a listener function.
+// It preserves the lazy getters React Native uses to avoid require cycles.
+
+const React = require('react');
+const Animated77 = require('@react-native-oh/react-native-harmony/Libraries/Animated/Animated').default;
+
+function withAnimatedEventShim(baseEvent) {
+  return function wrappedEvent(mapping, optionsOrListener, legacyThirdOptions) {
+    // RN 0.61 often called Animated.event(mapping) without options.
+    // Ensure options exist to avoid warnings and keep semantics.
+    if (typeof optionsOrListener === 'function') {
+      // Animated.event(mapping, listener)
+      return baseEvent(mapping, {useNativeDriver: false, listener: optionsOrListener});
+    }
+    if (optionsOrListener == null && legacyThirdOptions && typeof legacyThirdOptions === 'object') {
+      // Tolerate historical signatures with a third config arg.
+      return baseEvent(mapping, legacyThirdOptions);
+    }
+    const config = optionsOrListener ?? {useNativeDriver: false};
+    return baseEvent(mapping, config);
+  };
+}
+
+function withAnimationConfigShim(baseFn) {
+  return function wrappedAnimation(value, config) {
+    const cfg = config ?? {};
+    if (typeof cfg.useNativeDriver === 'undefined') {
+      cfg.useNativeDriver = false;
+    }
+    return baseFn(value, cfg);
+  };
+}
+
+// Attach legacy `_component` access to refs returned from Animated components.
+function attachLegacyComponentGetter(node) {
+  if (!node || typeof node !== 'object' || ('_component' in node)) {
+    return node;
+  }
+  try {
+    Object.defineProperty(node, '_component', {
+      configurable: true,
+      get: () => node,
+    });
+  } catch (_e) {
+    // ignore if defineProperty fails
+  }
+  return node;
+}
+
+function withRefShim(Component) {
+  if (!Component) {
+    return Component;
+  }
+  return React.forwardRef((props, ref) => {
+    const setRef = node => {
+      const finalNode = attachLegacyComponentGetter(node);
+      if (typeof ref === 'function') {
+        ref(finalNode);
+      } else if (ref && typeof ref === 'object') {
+        ref.current = finalNode;
+      }
+    };
+    return React.createElement(Component, {...props, ref: setRef});
+  });
+}
+
+const AnimatedWrapped = {};
+Object.defineProperties(
+  AnimatedWrapped,
+  Object.getOwnPropertyDescriptors(Animated77)
+);
+
+const baseEvent =
+  typeof Animated77.event === 'function' ? Animated77.event : null;
+const baseTiming =
+  typeof Animated77.timing === 'function' ? Animated77.timing : null;
+const baseSpring =
+  typeof Animated77.spring === 'function' ? Animated77.spring : null;
+const baseDecay =
+  typeof Animated77.decay === 'function' ? Animated77.decay : null;
+
+if (baseEvent) {
+  AnimatedWrapped.event = withAnimatedEventShim(baseEvent);
+}
+if (baseTiming) {
+  AnimatedWrapped.timing = withAnimationConfigShim(baseTiming);
+}
+if (baseSpring) {
+  AnimatedWrapped.spring = withAnimationConfigShim(baseSpring);
+}
+if (baseDecay) {
+  AnimatedWrapped.decay = withAnimationConfigShim(baseDecay);
+}
+
+// Ensure legacy `_component` is available on common Animated components
+// and any user-created animated components via createAnimatedComponent.
+AnimatedWrapped.createAnimatedComponent = function (Component) {
+  const Base = Animated77.createAnimatedComponent?.(Component);
+  return withRefShim(Base || Component);
+};
+
+
+/**
+ * Wraps animated components lazily to avoid dependency cycles.
+ * 
+ * Without lazy loading, we'd have a circular dependency like:
+ * Animated -> Animated.AnimatedScrollView -> ... -> Animated
+ * 
+ * Instead of requiring components immediately, we define them as getters
+ * that only access the underlying component when first accessed. This defers
+ * the actual component resolution until runtime, breaking the cycle.
+ */
+function wrapLazyComponent(name) {
+  const descriptor = Object.getOwnPropertyDescriptor(Animated77, name);
+  if (!descriptor) {
+    return;
+  }
+  Object.defineProperty(AnimatedWrapped, name, {
+    configurable: true,
+    enumerable: descriptor.enumerable,
+    get() {
+      const Component = descriptor.get
+        ? descriptor.get.call(Animated77)
+        : descriptor.value;
+      const Wrapped = withRefShim(Component);
+      Object.defineProperty(AnimatedWrapped, name, {
+        configurable: true,
+        enumerable: descriptor.enumerable,
+        value: Wrapped,
+        writable: true,
+      });
+      return Wrapped;
+    },
+  });
+}
+
+['View', 'Image', 'ScrollView', 'SectionList', 'FlatList', 'Text'].forEach(
+  wrapLazyComponent
+);
+
+// Export in both CommonJS and compat default form.
+module.exports = AnimatedWrapped;
+module.exports.default = AnimatedWrapped;

package/Libraries/Animated/delegates/createAnimatedComponentDelegate.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2025 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 setAndForwardRef from '../../Utilities/setAndForwardRef';
+
+export function processRef(ref) {
+  return setAndForwardRef({
+    getForwardedRef: () => ref,
+    setLocalRef: (localRef) => {
+      if (localRef != null && localRef.getNode == null) {
+        localRef.getNode = () => {
+          return localRef;
+        };
+      }
+    },
+  });
+}

package/Libraries/Animated/src/Easing.js

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) 2025 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.
+ */
+
+/**
+ * Legacy deep import alias for RN 0.61 compatibility.
+ * Maps react-native/Libraries/Animated/src/Easing -> ../Easing
+ */
+
+'use strict';
+
+// Deep import alias for RN 0.61 projects that used
+// `react-native/Libraries/Animated/src/Easing`.
+// We forward directly to Harmony's Easing module.
+const mod = require('@react-native-oh/react-native-harmony/Libraries/Animated/Easing');
+module.exports = mod && mod.default ? mod.default : mod;
+module.exports.default = module.exports;

package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2025 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 OriginalAccessibilityInfo from '@react-native-oh/react-native-harmony/Libraries/Components/AccessibilityInfo/AccessibilityInfo';
+
+const AccessibilityInfoWrapper = {
+  ...OriginalAccessibilityInfo,
+  fetch: OriginalAccessibilityInfo.isScreenReaderEnabled,
+};
+
+export default AccessibilityInfoWrapper;

package/Libraries/Components/AppleTV/TVEventHandler.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) 2025 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.
+ */
+
+class TVEventHandler {
+  enable() {}
+  disable() {}
+}
+
+module.exports = TVEventHandler;

package/Libraries/Components/CheckBox/CheckBox.tsx

@@ -0,0 +1,182 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+/**
+ * NOTICE: This file is copied from @react-native-oh-tpl/checkbox and adapted.
+ *
+ * CheckBox was initially part of the RN hence such copyright header is used.
+ * This component was later extracted and moved to a separate library.
+ * The copyright header above is also used in the react-native-community version, but the community version is converted to TypeScript.
+ * @react-native-oh-tpl/checkbox is based on from react-native-community and slightly adapted for OHOS.
+ */
+
+//@ts-check
+import nullthrows from 'nullthrows';
+import React from 'react';
+import {
+  View,
+  StyleSheet,
+  processColor,
+  ViewProps,
+  NativeMethods,
+  NativeSyntheticEvent,
+} from 'react-native';
+// @ts-ignore
+import setAndForwardRef from '../../Utilities/setAndForwardRef';
+import CheckBoxNativeComponent from '../../../src/private/specs/components/CheckBoxNativeComponent';
+
+type CheckBoxEvent = NativeSyntheticEvent<
+  Readonly<{
+    target: number;
+    value: boolean;
+  }>
+>;
+
+type CommonProps = Readonly<
+  ViewProps & {
+    /**
+     * Used in case the props change removes the component.
+     */
+    onChange?: (event: CheckBoxEvent) => void;
+
+    /**
+     * Invoked with the new value when the value changes.
+     */
+    onValueChange?: (value: boolean) => void;
+
+    /**
+     * If true the user won't be able to toggle the checkbox.
+     * Default value is false.
+     */
+    disabled?: boolean;
+    /**
+     * Used to locate this view in end-to-end tests.
+     */
+    testID?: string,
+  }
+>;
+
+type CheckBoxNativeType = NativeMethods;
+
+type Props = Readonly<
+  CommonProps & {
+    /**
+     * The value of the checkbox.  If true the checkbox will be turned on.
+     * Default value is false.
+     */
+    value?: boolean;
+
+    /**
+     * Used to get the ref for the native checkbox
+     */
+    forwardedRef?: React.Ref<CheckBoxNativeType>;
+
+    /**
+     * Controls the colors the checkbox has in checked and unchecked states.
+     */
+    tintColors?: { true?: any; false?: any };
+
+    // BEGIN: @react-native-community/checkbox props
+    /**
+     * @deprecated: Use lineWidth instead
+     */
+    // strokeWidth?: number;
+    // markSize?: number;
+    // lineWidth?: number;
+
+    // strokeColor: string;
+    // onCheckColor: string;
+    // tintColor: string;
+    // END: @react-native-community/checkbox props
+  }
+>;
+
+class CheckBox extends React.Component<Props> {
+  _nativeRef: React.Ref<CheckBoxNativeType> | null = null;
+  _setNativeRef = setAndForwardRef({
+    getForwardedRef: () => this.props.forwardedRef,
+    setLocalRef: (ref: any) => {
+      this._nativeRef = ref;
+    },
+  });
+
+  _onChange = (event: CheckBoxEvent) => {
+    const value = this.props.value || false;
+
+    // @ts-ignore
+    nullthrows(this._nativeRef).setNativeProps({ value: value });
+
+    // Change the props after the native props are set in case the props
+    // change removes the component
+    this.props.onChange && this.props.onChange(event);
+    this.props.onValueChange &&
+      this.props.onValueChange(event.nativeEvent.value);
+  };
+
+  render() {
+    const { tintColors, style, ...props } = this.props;
+    const disabled = this.props.disabled || false;
+    const value = this.props.value || false;
+
+    const nativeProps = {
+      ...props,
+      onStartShouldSetResponder: () => true,
+      onResponderTerminationRequest: () => false,
+      enabled: !disabled,
+      on: value,
+      /**
+       * - #317aff to be consistent with default button. It's not exactly the color used by the platform by default, but so is the case with button.
+       * The color used by button can't be changed because of strict breaking changes policy.
+       */
+      checkedColor: tintColors?.true !== undefined
+        ? processColor(tintColors.true)
+        : processColor('#317aff'),
+      /**
+       * #666666 — color used by Android
+       */
+      uncheckedColor: tintColors?.false !== undefined
+        ? processColor(tintColors.false)
+        : processColor('#666666'),
+      style: [styles.rctCheckBox, style],
+      boxType: 'square',
+      strokeColor: processColor('#ffffff')!,
+    };
+    return (
+      <View style={styles.container}>
+        <CheckBoxNativeComponent
+          {...nativeProps}
+          ref={this._setNativeRef}
+          onValueChange={this._onChange}
+        />
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    padding: 7,
+  },
+  rctCheckBox: {
+    height: 18,
+    width: 18,
+  },
+});
+
+/**
+ * Can't use CheckBoxNativeType because it has different props
+ */
+type CheckBoxType = NativeMethods;
+
+const CheckBoxWithRef = React.forwardRef(function CheckBoxWithRef(
+  props: Props,
+  ref: React.Ref<CheckBoxType>
+) {
+  return <CheckBox {...props} forwardedRef={ref} />;
+});
+
+export default CheckBoxWithRef;

package/Libraries/Components/DatePickerAndroid/DatePickerAndroid.tsx

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) 2025 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.
+ */
+
+/**
+ * Implements a module with the interface of [DatePickerAndroid](https://reactnative-archive-august-2023.netlify.app/docs/0.61/datepickerandroid)
+ */
+
+import NativeDatePickerAndroid from "../../../src/private/specs/NativeDatePickerAndroid";
+
+type Options = {
+  date?: Date;
+  minDate?: Date;
+  maxDate?: Date;
+  mode?: "calendar" | "spinner" | "default";
+};
+
+export default {
+  open: async ({ date, minDate, maxDate, mode }: Options) => {
+    return await NativeDatePickerAndroid.open({
+      date: date?.getTime?.(),
+      minDate: minDate?.getTime?.(),
+      maxDate: maxDate?.getTime?.(),
+      mode: mode ?? "default",
+    });
+  },
+  dateSetAction: "dateSetAction",
+  dismissedAction: "dismissedAction",
+};