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

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Huawei Technologies Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/LICENSE-Meta

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Meta Platforms, Inc. and affiliates.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/Libraries/Alert/delegates/AlertDelegate.harmony.ts

@@ -0,0 +1,84 @@
+/**
+ * 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 type { AlertOptions } from './AlertManager.harmony';
+import {
+  BaseAlertDelegate,
+  AlertDelegateButton,
+  AlertDelegateOptions,
+  AlertDelegateType,
+} from './BaseAlertDelegate';
+import { UnsupportedByPlatformError } from '../../../delegates/DelegateError';
+
+export default class AlertDelegate extends BaseAlertDelegate {
+  override alert(
+    title: string,
+    message?: string,
+    buttons?: AlertDelegateButton[],
+    options?: AlertDelegateOptions
+  ): void {
+    const AlertManager = require('./AlertManager').default;
+    if (!AlertManager) {
+      return;
+    }
+    const alertOptions: AlertOptions = {
+      title: title || '',
+      message: message || '',
+      cancelable: false,
+    };
+    const constants = AlertManager.getConstants();
+    if (options && options.cancelable) {
+      alertOptions.cancelable = options.cancelable;
+    }
+    // At most three buttons. Ignore rest.
+    const validButtons: AlertDelegateButton[] = (
+      buttons ?? [{ text: 'OK' }]
+    ).slice(0, 3);
+    const tertiaryButton = validButtons.pop();
+    const secondaryButton = validButtons.pop();
+    const primaryButton = validButtons.pop();
+    if (primaryButton) {
+      alertOptions.primaryButton = primaryButton.text || '';
+    }
+    if (secondaryButton) {
+      alertOptions.secondaryButton = secondaryButton.text || '';
+    }
+    if (tertiaryButton) {
+      alertOptions.tertiaryButton = tertiaryButton.text || '';
+    }
+    const onAction = (
+      action: 'buttonClicked' | 'dismissed',
+      buttonKey: number
+    ) => {
+      if (action === constants.buttonClicked) {
+        if (buttonKey === constants.primaryButton) {
+          primaryButton?.onPress && primaryButton.onPress();
+        } else if (buttonKey === constants.secondaryButton) {
+          secondaryButton?.onPress && secondaryButton.onPress();
+        } else if (buttonKey === constants.tertiaryButton) {
+          tertiaryButton?.onPress && tertiaryButton.onPress();
+        }
+      } else if (action === constants.dismissed) {
+        options && options.onDismiss && options.onDismiss();
+      }
+    };
+    const onError = (errorMessage: string) => console.warn(errorMessage);
+    AlertManager.alert(alertOptions, onError, onAction);
+  }
+
+  override prompt(
+    title: string,
+    message?: string,
+    callbackOrButtons?: ((text: string) => void) | AlertDelegateButton[],
+    type?: AlertDelegateType,
+    defaultValue?: string,
+    keyboardType?: string,
+    options?: AlertDelegateOptions
+  ): void {
+    throw new UnsupportedByPlatformError();
+  }
+}

package/Libraries/Alert/{AlertManager.ts → delegates/AlertManager.harmony.ts}

@@ -1,13 +1,19 @@
-import type { TurboModule } from "react-native/Libraries/TurboModule/RCTExport";
+/**
+ * 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 "react-native/Libraries/TurboModule/TurboModuleRegistry";
+import type { TurboModule } from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
 
 /* 'buttonClicked' | 'dismissed' */
 type AlertAction = string;
 /*
   primaryButton = 1,
   secondaryButton = 2,
-  tertiaryButton = 3,
+  thirdaryButton = 3,
 */
 type AlertButtonKey = number;
 export type AlertOptions = {
@@ -35,4 +41,4 @@ export interface Spec extends TurboModule {
   ) => void;
 }
 
-export default TurboModuleRegistry.get<Spec>("AlertManager");
+export default TurboModuleRegistry.get<Spec>('AlertManager');

package/Libraries/Animated/shouldUseTurboAnimatedModule.harmony.ts

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+
+export default function shouldUseTurboAnimatedModule() {
+  return true;
+}

package/Libraries/Components/AccessibilityInfo/delegates/AccessibilityInfoDelegate.harmony.ts

@@ -0,0 +1,44 @@
+/**
+ * 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 { BaseAccessibilityInfoDelegate } from './BaseAccessibilityInfoDelegate';
+import NativeAccessibilityInfoHarmony from './NativeAccessibilityInfoHarmony.harmony';
+
+export default class AccessibilityInfoDelegate extends BaseAccessibilityInfoDelegate {
+  override isBoldTextEnabled(): Promise<boolean> {
+    return NativeAccessibilityInfoHarmony!.isBoldTextEnabled();
+  }
+
+  override isScreenReaderEnabled(): Promise<boolean> {
+    return NativeAccessibilityInfoHarmony!.isScreenReaderEnabled();
+  }
+
+  override isAccessibilityServiceEnabled(): Promise<boolean> {
+    return NativeAccessibilityInfoHarmony!.isAccessibilityServiceEnabled();
+  }
+
+  override setAccessibilityFocus(reactTag: number): void {
+    NativeAccessibilityInfoHarmony!.setAccessibilityFocus(reactTag);
+  }
+
+  override announceForAccessibility(announcement: string): void {
+    NativeAccessibilityInfoHarmony!.announceForAccessibility(announcement);
+  }
+
+  override announceForAccessibilityWithOptions(
+    announcement: string,
+    options: { queue?: boolean }
+  ) {
+    // NOOP
+  }
+
+  override async getRecommendedTimeoutMillis(
+    originalTimeout: number
+  ): Promise<number> {
+    return 0;
+  }
+}

package/Libraries/Components/AccessibilityInfo/{NativeAccessibilityInfoHarmony.ts → delegates/NativeAccessibilityInfoHarmony.harmony.ts}

@@ -1,5 +1,12 @@
-import { TurboModuleRegistry } from 'react-native';
-import type { TurboModule } from 'react-native/Libraries/TurboModule/RCTExport';
+/**
+ * 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';
 
 export interface Spec extends TurboModule {
   isScreenReaderEnabled: () => Promise<boolean>;

package/Libraries/Components/Keyboard/delegates/KeyboardAvoidingViewDelegate.harmony.ts

@@ -0,0 +1,42 @@
+/**
+ * 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 React, { ReactNode } from 'react';
+import { KeyboardMetrics } from '../../Keyboard/Keyboard';
+import {
+  BaseKeyboardAvoidingViewDelegate,
+  PrepareChildrenOptions,
+} from './BaseKeyboardAvoidingViewDelegate';
+
+export default class KeyboardAvoidingViewDelegate extends BaseKeyboardAvoidingViewDelegate {
+  override getRelativeKeyboardHeight(
+    keyboardFrame: KeyboardMetrics
+  ): number | null {
+    if (this.ctx.getProps().enabled === false) {
+      return 0;
+    }
+    return super.getRelativeKeyboardHeight(keyboardFrame);
+  }
+
+  override prepareChildren(
+    children: ReactNode,
+    options: PrepareChildrenOptions
+  ): ReactNode {
+    const behavior = this.ctx.getProps().behavior;
+    if (behavior === 'height' || behavior === 'padding') {
+      return React.Children.map(children, (child) => {
+        if (!React.isValidElement(child)) {
+          return child;
+        }
+        return React.cloneElement(child, {
+          __keyboardAvoidingViewBottomHeight: options.bottomHeight ?? 0,
+        } as any);
+      });
+    }
+    return children;
+  }
+}

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/SafeAreaView/SafeAreaView.harmony.tsx

@@ -1,9 +1,19 @@
-import type { TurboModule } from "react-native/Libraries/TurboModule/RCTExport";
-import { Dimensions, TurboModuleRegistry, View, ViewProps } from "react-native";
-import { useEffect, useState } from "react";
-import React from "react";
-
-import RCTDeviceEventEmitter from "react-native/Libraries/EventEmitter/RCTDeviceEventEmitter.js";
+/**
+ * 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 type { TurboModule } from '../../TurboModule/RCTExport';
+import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
+import { ViewProps } from '../View/ViewPropTypes';
+import Dimensions from '../../Utilities/Dimensions';
+import View from '../View/View';
+import { useEffect, useState } from 'react';
+import React from 'react';
+
+import RCTDeviceEventEmitter from '../../EventEmitter/RCTDeviceEventEmitter.js';
 
 type SafeAreaInsets = {
   top: number;
@@ -19,77 +29,111 @@ interface SafeAreaTurboModuleProtocol {
 interface Spec extends TurboModule, SafeAreaTurboModuleProtocol {}
 
 const safeAreaTurboModule = TurboModuleRegistry.get<Spec>(
-  "SafeAreaTurboModule"
+  'SafeAreaTurboModule'
 )!;
 
 const getPaddingTop = (inset: number, pageY: number) => {
   return Math.max(0, inset - (pageY < 0 ? pageY * -1 : pageY));
-}
+};
 
-const getPaddingBottom = (insetBottom: number, insetTop: number, paddingTop: number, height: number, windowHeight: number, pageY: number, positionY: number): number => {
+const getPaddingBottom = (
+  insetBottom: number,
+  insetTop: number,
+  paddingTop: number,
+  height: number,
+  windowHeight: number,
+  pageY: number,
+  positionY: number
+): number => {
   // if SafeArea is not visible or outside the viewport or topped and not full height
   if (height === 0 || (pageY === 0 && height < windowHeight)) {
-    return Math.max(0, insetBottom - (Math.round(windowHeight) - Math.round(height)));
+    return Math.max(
+      0,
+      insetBottom - (Math.round(windowHeight) - Math.round(height))
+    );
   }
 
   // if SafeAreaView is not topped and not full height and not visible
   if (pageY < windowHeight && pageY > height && positionY === 0) {
     return 0;
-  };
+  }
 
-  
   // if SafeAreaView is topped, check for full height
   if (Math.round(height) >= Math.round(windowHeight) && pageY === 0) {
     // if SafeAreaView is full height and at the top without any offset
     return positionY === 0 ? insetBottom : 0;
   }
-  
+
   // if SafeAreaView is topped with margin and not full height
   if (height < windowHeight && positionY === 0 && pageY <= insetTop) {
     return Math.max(0, insetBottom - (windowHeight - (height + pageY)));
   }
 
-  if (height < windowHeight && pageY < windowHeight && pageY > 0 && positionY > 0) {
+  if (
+    height < windowHeight &&
+    pageY < windowHeight &&
+    pageY > 0 &&
+    positionY > 0
+  ) {
     return Math.max(0, insetBottom - (windowHeight - pageY));
   }
 
   // if SafeAreaView nested and outside of the current viewport - for example in scroll view
-  if (height < windowHeight && pageY > 0 && pageY > windowHeight && positionY >= 0) {
+  if (
+    height < windowHeight &&
+    pageY > 0 &&
+    pageY > windowHeight &&
+    positionY >= 0
+  ) {
     return 0;
   }
+
   // if SafeAreaView is nested outside of the viewport - but on absolute position
   if (height < windowHeight && pageY > 0 && pageY > windowHeight) {
     return insetBottom;
   }
-  
+
   // Default case handling scenarios not captured above
   return Math.max(0, insetBottom - (windowHeight - height + paddingTop));
-}
+};
 
 export default React.forwardRef<View, ViewProps>(
   ({ children, style, ...otherProps }, ref) => {
-
     const safeAreaViewRef = React.useRef<View>(null);
 
-    const [topInset, setTopInset] = useState(safeAreaTurboModule.getInitialInsets().top);
-    const [leftInset, setLeftInset] = useState(safeAreaTurboModule.getInitialInsets().left);
-    const [rightInset, setRightInset] = useState(safeAreaTurboModule.getInitialInsets().right);
-    const [bottomInset, setBottomInset] = useState(safeAreaTurboModule.getInitialInsets().bottom);
+    const [topInset, setTopInset] = useState(
+      safeAreaTurboModule.getInitialInsets().top
+    );
+    const [leftInset, setLeftInset] = useState(
+      safeAreaTurboModule.getInitialInsets().left
+    );
+    const [rightInset, setRightInset] = useState(
+      safeAreaTurboModule.getInitialInsets().right
+    );
+    const [bottomInset, setBottomInset] = useState(
+      safeAreaTurboModule.getInitialInsets().bottom
+    );
 
-    const [measurement, setMeasurement] = useState({ x: 0, y: 0, width: 0, height: 0, pageX: 0, pageY: -1 });
+    const [measurement, setMeasurement] = useState({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      pageX: 0,
+      pageY: -1,
+    });
     const [layout, setLayout] = useState({ x: 0, y: 0, width: 0, height: 0 });
 
     const measureView = () => {
       safeAreaViewRef?.current?.measure((x, y, width, height, pageX, pageY) => {
         setMeasurement({ x, y, width, height, pageX, pageY });
       });
-    }
-  
+    };
+
     useEffect(
       function subscribeToSafeAreaChanges() {
-
         const subscription = (RCTDeviceEventEmitter as any).addListener(
-          "SAFE_AREA_INSETS_CHANGE",
+          'SAFE_AREA_INSETS_CHANGE',
           (insets: SafeAreaInsets) => {
             setTopInset(insets.top);
             setBottomInset(insets.bottom);
@@ -101,7 +145,13 @@ export default React.forwardRef<View, ViewProps>(
           subscription.remove();
         };
       },
-      [setTopInset, setLeftInset, setRightInset, setBottomInset, measurement.pageY]
+      [
+        setTopInset,
+        setLeftInset,
+        setRightInset,
+        setBottomInset,
+        measurement.pageY,
+      ]
     );
 
     useEffect(() => {
@@ -115,7 +165,15 @@ export default React.forwardRef<View, ViewProps>(
 
     const windowHeight = Dimensions.get('window').height;
     const paddingTop = getPaddingTop(topInset, measurement.pageY);
-    const paddingBottom = getPaddingBottom(bottomInset, topInset, paddingTop, measurement.height, windowHeight, measurement.pageY, layout.y);
+    const paddingBottom = getPaddingBottom(
+      bottomInset,
+      topInset,
+      paddingTop,
+      measurement.height,
+      windowHeight,
+      measurement.pageY,
+      layout.y
+    );
 
     return (
       <View
@@ -125,8 +183,12 @@ export default React.forwardRef<View, ViewProps>(
           {
             paddingTop: isPaddingTopExplicit ? style.paddingBottom : paddingTop,
             paddingLeft: isPaddingLeftExplicit ? style.paddingLeft : leftInset,
-            paddingRight: isPaddingRightExplicit ? style.paddingRight : rightInset,
-            paddingBottom: isPaddingBottomExplicit ? style.paddingBottom : paddingBottom,
+            paddingRight: isPaddingRightExplicit
+              ? style.paddingRight
+              : rightInset,
+            paddingBottom: isPaddingBottomExplicit
+              ? style.paddingBottom
+              : paddingBottom,
           },
         ]}
         onLayout={(event) => {

package/Libraries/Components/ScrollView/delegates/ScrollViewDelegate.harmony.tsx

@@ -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 React from 'react';
+import StyleSheet from '../../../StyleSheet/StyleSheet';
+import {
+  BaseScrollViewDelegate,
+  RenderScrollViewWithRefreshControlArgs,
+} from './BaseScrollViewDelegate';
+// @ts-ignore
+import flattenStyle from '../../../StyleSheet/flattenStyle';
+// @ts-ignore
+import splitLayoutProps from '../../../StyleSheet/splitLayoutProps';
+
+export default class ScrollViewDelegate extends BaseScrollViewDelegate {
+  override renderScrollViewWithRefreshControl({
+    NativeScrollView,
+    contentContainer,
+    props,
+    refreshControl,
+    scrollViewRef,
+    baseStyle,
+  }: RenderScrollViewWithRefreshControlArgs): React.ReactNode {
+    const { outer, inner } = splitLayoutProps(flattenStyle(props.style));
+    return React.cloneElement(
+      refreshControl,
+      { style: (StyleSheet as any).compose(baseStyle, outer) },
+      <NativeScrollView
+        {...props}
+        style={(StyleSheet as any).compose(baseStyle, inner)}
+        ref={scrollViewRef}
+      >
+        {contentContainer}
+      </NativeScrollView>
+    );
+  }
+}

package/Libraries/Components/ScrollView/delegates/ScrollViewNativeComponentDelegate.harmony.ts

@@ -0,0 +1,89 @@
+/**
+ * @format
+ */
+
+import { BaseScrollViewNativeComponentDelegate } from './BaseScrollViewNativeComponentDelegate';
+
+export default class ScrollViewNativeComponentDelegate extends BaseScrollViewNativeComponentDelegate {
+  override getIntenalViewConfig() {
+    return {
+      uiViewClassName: 'RCTScrollView',
+      bubblingEventTypes: {},
+      directEventTypes: {
+        topMomentumScrollBegin: {
+          registrationName: 'onMomentumScrollBegin',
+        },
+        topMomentumScrollEnd: {
+          registrationName: 'onMomentumScrollEnd',
+        },
+        topScroll: {
+          registrationName: 'onScroll',
+        },
+        topScrollBeginDrag: {
+          registrationName: 'onScrollBeginDrag',
+        },
+        topScrollEndDrag: {
+          registrationName: 'onScrollEndDrag',
+        },
+      },
+      validAttributes: {
+        alwaysBounceHorizontal: true,
+        alwaysBounceVertical: true,
+        bounces: true,
+        centerContent: true,
+        contentOffset: {
+          diff: require('../../../Utilities/differ/pointsDiffer'),
+        },
+        decelerationRate: true,
+        disableIntervalMomentum: true,
+        indicatorStyle: true,
+        inverted: true,
+        keyboardDismissMode: true,
+        maintainVisibleContentPosition: true,
+        pagingEnabled: true,
+        scrollEnabled: true,
+        showsHorizontalScrollIndicator: true,
+        showsVerticalScrollIndicator: true,
+        snapToAlignment: true,
+        snapToEnd: true,
+        snapToInterval: true,
+        snapToOffsets: true,
+        snapToStart: true,
+        borderBottomLeftRadius: true,
+        borderBottomRightRadius: true,
+        sendMomentumEvents: true,
+        borderRadius: true,
+        nestedScrollEnabled: true,
+        scrollEventThrottle: true,
+        scrollToOverflowEnabled: true,
+        borderStyle: true,
+        borderRightColor: {
+          process: require('../../../StyleSheet/processColor').default,
+        },
+        borderColor: {
+          process: require('../../../StyleSheet/processColor').default,
+        },
+        borderBottomColor: {
+          process: require('../../../StyleSheet/processColor').default,
+        },
+        persistentScrollbar: true,
+        horizontal: true,
+        endFillColor: {
+          process: require('../../../StyleSheet/processColor').default,
+        },
+        overScrollMode: true,
+        borderTopLeftRadius: true,
+        borderTopColor: {
+          process: require('../../../StyleSheet/processColor').default,
+        },
+        removeClippedSubviews: true,
+        borderTopRightRadius: true,
+        borderLeftColor: {
+          process: require('../../../StyleSheet/processColor').default,
+        },
+        pointerEvents: true,
+        isInvertedVirtualizedList: true,
+      },
+    };
+  }
+}

package/Libraries/Components/ScrollView/processDecelerationRate.harmony.ts

@@ -0,0 +1,19 @@
+/**
+ * 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 { DecelerationRateType } from '../ScrollView/delegates/types';
+
+export default function processDecelerationRate(
+  decelerationRate: DecelerationRateType
+): number {
+  if (decelerationRate === 'normal') {
+    return 0.998;
+  } else if (decelerationRate === 'fast') {
+    return 0.99;
+  }
+  return decelerationRate;
+}