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

package/Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.tsx

@@ -0,0 +1,79 @@
+/**
+ * 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 * as React from 'react';
+import StyleSheet from '@react-native-oh/react-native-harmony/Libraries/StyleSheet/StyleSheet';
+import {
+  processColor,
+  type StyleSheet as StyleSheetType,
+} from '@react-native-oh/react-native-harmony';
+// import type {OnChangeEvent} from '../../../src/private/specs/components/SegmentedControlNativeComponent';
+import type { ViewProps } from '@react-native-oh/react-native-harmony/Libraries/components/View/ViewPropTypes';
+import RCTSegmentedControlNativeComponent from '../../../src/private/specs/components/SegmentedControlNativeComponent';
+import type { NativeSyntheticEvent } from '@react-native-oh/react-native-harmony/Libraries/Types/CoreEventTypes';
+
+type OnChangeEvent = any;
+
+type SegmentedControlIOSProps = ViewProps &
+  Readonly<{
+    values: ReadonlyArray<string>;
+    selectedIndex?: number | undefined;
+    enabled?: boolean;
+    tintColor?: string | undefined;
+    momentary?: boolean | undefined;
+    onChange?:
+      | ((event: NativeSyntheticEvent<OnChangeEvent>) => void)
+      | undefined;
+    onValueChange?: (value: string) => any;
+  }>;
+
+const SegmentedControlIOSWithRef = React.forwardRef(
+  (
+    props: SegmentedControlIOSProps,
+    forwardedRef: React.Ref<typeof RCTSegmentedControlNativeComponent>
+  ) => {
+    const {
+      values,
+      selectedIndex,
+      enabled,
+      onChange,
+      onValueChange,
+      style,
+      ...otherProps
+    } = props;
+    return (
+      <RCTSegmentedControlNativeComponent
+        {...otherProps}
+        style={[styles.segmentedControl, style]}
+        options={{
+          buttons: values.map((value) => ({ text: value })),
+          selectedBackgroundColor:
+            props.tintColor !== undefined
+              ? processColor(props.tintColor) ?? undefined
+              : undefined,
+        }}
+        selectedIndexes={
+          selectedIndex === undefined ? undefined : [selectedIndex]
+        }
+        enabled={enabled ?? true}
+        ref={forwardedRef as any}
+        onChange={(e) => {
+          onChange?.(e);
+          onValueChange?.(values[e.nativeEvent.selectedSegmentIndex]);
+        }}
+      />
+    );
+  }
+);
+
+const styles = (StyleSheet as any as typeof StyleSheetType).create({
+  segmentedControl: {
+    height: 28,
+  },
+});
+
+module.exports = SegmentedControlIOSWithRef;

package/Libraries/Components/Slider/Slider.tsx

@@ -0,0 +1,204 @@
+/**
+ * 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 React from 'react';
+import {
+  Image,
+  Platform,
+  StyleSheet,
+  ViewProps,
+  ViewStyle,
+  ColorValue,
+  NativeSyntheticEvent,
+  StyleProp,
+  processColor,
+} from 'react-native';
+import RCTSliderNativeComponent from '../../../src/private/specs/components/RNSliderNativeComponent';
+//@ts-ignore
+import type { ImageSource } from 'react-native/Libraries/Image/ImageSource';
+
+import type { Ref } from 'react';
+
+const LIMIT_MIN_VALUE = Number.MIN_SAFE_INTEGER;
+const LIMIT_MAX_VALUE = Number.MAX_SAFE_INTEGER;
+
+type Event = NativeSyntheticEvent<
+  Readonly<{
+    value: number;
+    /**
+     * Android Only.
+     */
+    fromUser?: boolean;
+  }>
+>;
+
+type Props = ViewProps &
+  Readonly<{
+    /**
+     * Used to style and layout the `Slider`.  See `StyleSheet.js` and
+     * `DeprecatedViewStylePropTypes.js` for more info.
+     */
+    style?: StyleProp<ViewStyle>;
+
+    /**
+     * Write-only property representing the value of the slider.
+     * Can be used to programmatically control the position of the thumb.
+     * Entered once at the beginning still acts as an initial value.
+     * The value should be between minimumValue and maximumValue,
+     * which default to 0 and 1 respectively.
+     * Default value is 0.
+     *
+     * This is not a controlled component, you don't need to update the
+     * value during dragging.
+     */
+    value?: number;
+
+    /**
+     * Step value of the slider. The value should be
+     * between 0 and (maximumValue - minimumValue).
+     * Default value is 0.
+     */
+    step?: number;
+
+    /**
+     * Initial minimum value of the slider. Default value is 0.
+     */
+    minimumValue?: number;
+
+    /**
+     * Initial maximum value of the slider. Default value is 1.
+     */
+    maximumValue?: number;
+
+    /**
+     * The color used for the track to the left of the button.
+     * Overrides the default blue gradient image on iOS.
+     */
+    minimumTrackTintColor?: ColorValue;
+
+    /**
+     * The color used for the track to the right of the button.
+     * Overrides the default blue gradient image on iOS.
+     */
+    maximumTrackTintColor?: ColorValue;
+    /**
+     * The color used to tint the default thumb images on iOS, or the
+     * color of the foreground switch grip on Android.
+     */
+    thumbTintColor?: ColorValue;
+
+    /**
+     * If true the user won't be able to move the slider.
+     * Default value is false.
+     */
+    disabled?: boolean;
+
+    /**
+     * Callback continuously called while the user is dragging the slider.
+     */
+    onValueChange?: (value: number) => void;
+
+    /**
+     * Callback that is called when the user releases the slider,
+     * regardless if the value has changed. The current value is passed
+     * as an argument to the callback handler.
+     */
+    onSlidingComplete?: (value: number) => void;
+
+    /**
+     * Used to locate this view in UI automation tests.
+     */
+    testID?: string;
+
+    /**
+     * Sets an image for the thumb. Only static images are supported.
+     */
+    thumbImage?: ImageSource;
+
+    /**
+     * If true the slider will be inverted.
+     * Default value is false.
+     */
+    inverted?: boolean;
+  }>;
+
+const SliderComponent = (
+  props: Props,
+  forwardedRef?: Ref<typeof RCTSliderNativeComponent>,
+) => {
+  const style = !props.style?.height ? StyleSheet.compose(props.style, styles.slider) : StyleSheet.compose(props.style, {});
+  const {
+    onValueChange,
+    onSlidingComplete,
+    minimumTrackTintColor,
+    maximumTrackTintColor,
+    thumbTintColor,
+    ...localProps
+  } = props;
+
+  const onValueChangeEvent = onValueChange
+    ? (event: Event) => {
+      onValueChange(event.nativeEvent.value);
+    }
+    : null;
+
+  const onSlidingCompleteEvent = onSlidingComplete
+    ? (event: Event) => {
+      onSlidingComplete(event.nativeEvent.value);
+    }
+    : null;
+
+  const value =
+    Number.isNaN(props.value) || !props.value ? undefined : props.value;
+
+  const processedColors = {
+    minimumTrackTintColor: processColor(minimumTrackTintColor),
+    maximumTrackTintColor: processColor(maximumTrackTintColor),
+    thumbTintColor: processColor(thumbTintColor),
+  }
+
+  return (
+    <RCTSliderNativeComponent
+      {...localProps}
+      {...processedColors}
+      value={value}
+      thumbImage={
+        Platform.OS === 'web'
+          ? props.thumbImage
+          : props.thumbImage
+            ? Image.resolveAssetSource(props.thumbImage)
+            : undefined
+      }
+      ref={forwardedRef}
+      style={style}
+      onChange={onValueChangeEvent}
+      onRNSliderSlidingComplete={onSlidingCompleteEvent}
+      onRNSliderValueChange={onValueChangeEvent}
+      disabled={!!props.disabled}
+      onStartShouldSetResponder={() => true}
+      onResponderTerminationRequest={() => false}
+    />
+  );
+};
+
+const SliderWithRef = React.forwardRef(SliderComponent);
+
+SliderWithRef.defaultProps = {
+  value: 0,
+  minimumValue: 0,
+  maximumValue: 1,
+  step: 0.01,
+  inverted: false,
+};
+
+let styles = StyleSheet.create({
+  slider: {
+    height: 40
+  },
+});
+
+export default SliderWithRef;

package/Libraries/Components/TextInput/TextInput.js

@@ -0,0 +1,24 @@
+/**
+ * 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 React, { forwardRef } from 'react';
+import RNOHTextInput from '@react-native-oh/react-native-harmony/Libraries/Components/TextInput/TextInput';
+
+/**
+ * Wraps RNOHTextInput to alias autoCompleteType prop as autoComplete
+ */
+const TextInput = forwardRef((props, ref) => {
+  const { autoCompleteType, ...otherProps } = props;
+
+  const autoComplete = autoCompleteType ? autoCompleteType : props.autoComplete;
+
+  return <RNOHTextInput ref={ref} {...otherProps} autoComplete={autoComplete} />;
+});
+
+TextInput.displayName = 'TextInput';
+
+export default TextInput;

package/Libraries/Components/TimePickerAndroid/TimePickerAndroid.tsx

@@ -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.
+ */
+
+/**
+ * Implements a module with the interface of [TimePickerAndroid](https://reactnative-archive-august-2023.netlify.app/docs/0.61/datepickerandroid)
+ * mode='clock' is not supported since the platform doesn't provide a directly analogous component.
+ * This is, however, purely cosmetic and no functional features are missing.
+ */
+
+import NativeTimePickerAndroid from "../../../src/private/specs/NativeTimePickerAndroid";
+
+export default {
+  open: NativeTimePickerAndroid.open,
+  timeSetAction: "timeSetAction",
+  dismissedAction: "dismissedAction",
+};

package/Libraries/Components/Touchable/TouchableOpacity.js

@@ -0,0 +1,90 @@
+/**
+ * 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';
+
+/**
+ * Interop‑61: restore RN 0.61 public `setOpacityTo(toValue, duration)` on Harmony 0.77+.
+ *
+ * Context:
+ * - In RN 0.61, `TouchableOpacity` exposed public `setOpacityTo`; later it became private (`_setOpacityTo`) and disappeared from the ref.
+ * - RNOH exports `TouchableOpacity` as a forwardRef; the class instance is not on the ref. We added a non‑breaking named export `.TouchableOpacity` (the class) via a small patch.
+ *
+ * Strategy:
+ * - Prefer the class export and expose legacy `setOpacityTo` by delegating to `_setOpacityTo`.
+ * - Keep a minimal ref passthrough so common view methods (`setNativeProps`, `measure`, `measureInWindow`) work; forward other unknown members to the underlying Animated.View via a small Proxy.
+ * - Fallback: when the class export is unavailable, render the default forwardRef and surface `setOpacityTo` as a dev‑warning no‑op.
+ *
+ * Note: we do not reimplement `TouchableOpacity`; the shim is minimal and idempotent.
+ */
+
+const React = require('react');
+
+const HarmonyTouchableModule = require('@react-native-oh/react-native-harmony/Libraries/Components/Touchable/TouchableOpacity');
+const TouchableOpacityClass = HarmonyTouchableModule.TouchableOpacity; // the class (if patched)
+const TouchableDefault = HarmonyTouchableModule; // the default export (forwardRef)
+
+const Touchable = React.forwardRef((props, forwardedRef) => {
+  const hostRef = React.useRef(null);
+  const classRef = React.useRef(null);
+
+  // Keep upstream behavior: pass the native ref down as `hostRef`
+  // (used by Animated.View). Additionally, hold `classRef` to call setOpacityTo.
+  React.useImperativeHandle(forwardedRef, () => {
+    const host = hostRef.current;
+    const klass = classRef.current;
+    const api = {
+      // RN 0.61 legacy API:
+      setOpacityTo: (toValue, duration) => {
+        if (klass && typeof klass._setOpacityTo === 'function') {
+          klass._setOpacityTo(toValue, duration);
+        } else if (__DEV__) {
+          // eslint-disable-next-line no-console
+          console.warn(
+            '[interop-61] TouchableOpacity: setOpacityTo is a no-op (class export unavailable)',
+          );
+        }
+      },
+      // Common proxies to host ref:
+      setNativeProps: host?.setNativeProps?.bind(host),
+      measure: host?.measure?.bind(host),
+      measureInWindow: host?.measureInWindow?.bind(host),
+      // Debug/escape hatch:
+      __nativeRef: host,
+      __instanceRef: klass,
+    };
+
+    // Minimal proxy: forward unknown properties/methods to host ref
+    // (the Animated.View ref that TouchableOpacity renders).
+    if (typeof Proxy === 'function') {
+      return new Proxy(api, {
+        get(target, prop, receiver) {
+          if (prop in target) {
+            return Reflect.get(target, prop, receiver);
+          }
+          const currentHost = hostRef.current;
+          if (!currentHost) return undefined;
+          const value = currentHost[prop];
+          return typeof value === 'function' ? value.bind(currentHost) : value;
+        },
+      });
+    }
+
+    return api;
+  });
+
+  if (TouchableOpacityClass) {
+    return React.createElement(TouchableOpacityClass, {...props, hostRef, ref: classRef});
+  }
+  // Fallback: render default forwardRef (no class instance available)
+  return React.createElement(TouchableDefault, {...props, ref: hostRef});
+});
+
+Touchable.displayName = 'TouchableOpacity';
+
+module.exports = Touchable;
+module.exports.default = module.exports;

package/Libraries/Components/View/ViewPropTypes.js

@@ -0,0 +1,16 @@
+/**
+ * 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';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ */
+
+const getNoopPropType = require('../../../compat/getNoopPropType');
+
+module.exports = { style: getNoopPropType('style') };
+module.exports.default = module.exports;

package/Libraries/Components/View/delegate/ViewDelegate.js

@@ -0,0 +1,49 @@
+/**
+ * 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.
+ */
+
+/**
+ * Map legacy RN61 accessibilityStates array to modern accessibilityState object.
+ * If both are provided, values from accessibilityState take precedence.
+ */
+export function convertAccessibilityStates(props) {
+  const statesSupportedIn61 = [
+    'selected',
+    'disabled',
+    'checked',
+    'unchecked',
+    'busy',
+    'expanded',
+    'collapsed',
+    'hasPopup',
+  ];
+
+  if (!props) {
+    return props;
+  }
+
+  const { accessibilityStates, accessibilityState, ...rest } = props;
+  const isActivatedByStateName =
+    Array.isArray(accessibilityStates) && accessibilityStates.length
+      ? accessibilityStates
+          .filter((state) => statesSupportedIn61.includes(state))
+          .reduce((acc, state) => {
+            acc[state] = true;
+            return acc;
+          }, {})
+      : undefined;
+
+  if (isActivatedByStateName || accessibilityState) {
+    return {
+      ...rest,
+      accessibilityState: {
+        ...(isActivatedByStateName || {}),
+        ...(accessibilityState || {}),
+      },
+    };
+  }
+  return rest;
+}

package/Libraries/Core/ReactNativeVersion.js

@@ -0,0 +1,21 @@
+/**
+ * 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';
+
+/**
+ * Reports the React Native version expected by 61 interop apps.
+ * Keep in sync with Platform.harmony.ts
+ **/ 
+
+const version = {
+  major: 0,
+  minor: 61,
+  patch: 5,
+  prerelease: null,
+};
+
+module.exports = {version};

package/Libraries/Core/polyfillPromise.js

@@ -0,0 +1,18 @@
+/**
+ * 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
+ * @format
+ */
+
+'use strict';
+
+const {
+  polyfillGlobal,
+} = require('@react-native-oh/react-native-harmony/Libraries/Utilities/PolyfillFunctions');
+
+// RNOH 0.61 PATCH: use polyfilled promise, so that done() is supported
+polyfillGlobal('Promise', () => require('../Promise'));

package/Libraries/Core/setUpPlatform.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.
+ */
+'use strict';
+
+// Load polyfills as early as possible in RN bootstrap (InitializeCore)
+require('../../polyfills/dateSlash');
+
+// Delegate to Harmony's original setUpPlatform
+module.exports = require('@react-native-oh/react-native-harmony/Libraries/Core/setUpPlatform');

package/Libraries/DeprecatedPropTypes/DeprecatedColorPropType.js

@@ -0,0 +1,16 @@
+/**
+ * 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';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ */
+
+const getNoopPropType = require('../../compat/getNoopPropType');
+
+module.exports = getNoopPropType('ColorPropType');
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedEdgeInsetsPropType.js

@@ -0,0 +1,16 @@
+/**
+ * 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';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ */
+
+const getNoopPropType = require('../../compat/getNoopPropType');
+
+module.exports = getNoopPropType('EdgeInsetsPropType');
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedImagePropType.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.
+ */
+'use strict';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ * Returns empty object as a no-op replacement for legacy PropTypes maps
+ */
+
+module.exports = {};
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedImageSourcePropType.js

@@ -0,0 +1,16 @@
+/**
+ * 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';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ */
+
+const getNoopPropType = require('../../compat/getNoopPropType');
+
+module.exports = getNoopPropType('ImageSourcePropType');
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedImageStylePropTypes.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.
+ */
+'use strict';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ * Returns empty object as a no-op replacement for legacy PropTypes maps
+ */
+
+module.exports = {};
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedLayoutPropTypes.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.
+ */
+'use strict';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ * Returns empty object as a no-op replacement for legacy PropTypes maps
+ */
+
+module.exports = {};
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedPointPropType.js

@@ -0,0 +1,16 @@
+/**
+ * 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';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ */
+
+const getNoopPropType = require('../../compat/getNoopPropType');
+
+module.exports = getNoopPropType('PointPropType');
+module.exports.default = module.exports;

package/Libraries/DeprecatedPropTypes/DeprecatedShadowPropTypesIOS.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.
+ */
+'use strict';
+
+/**
+ * Deep-import alias for RN 0.61 compatibility
+ * Returns empty object as a no-op replacement for legacy PropTypes maps
+ */
+
+module.exports = {};
+module.exports.default = module.exports;