feat: support react native 0.81 (#14)

* Refactor text input state sync and fix event type

* Refactor text input state sync and fix event type

Author: huhuanming

android/src/main/java/com/textinput/TextInputViewManager.kt

@@ -15,7 +15,7 @@ import so.onekey.app.wallet.pasteinput.PasteWatcher
 @ReactModule(name = ReactTextInputManager.REACT_CLASS)
 class TextInputViewManager() : ReactTextInputManager() {
 
-  companion object {
+    companion object {
         const val REACT_CLASS = "OneKeyTextInput"
     }
 
@@ -33,9 +33,12 @@ class TextInputViewManager() : ReactTextInputManager() {
         return editText
     }
 
-    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
-        val baseEventTypeConstants = super.getExportedCustomDirectEventTypeConstants()?.toMutableMap()
-        baseEventTypeConstants?.put("topPaste", MapBuilder.of("registrationName", "onPaste"))
+    // Fix return type to match ReactTextInputManager's definition, which is Map<String, Any>
+    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+        val baseEventTypeConstants =
+            (super.getExportedCustomDirectEventTypeConstants() as? MutableMap<String, Any>)
+                ?: mutableMapOf()
+        baseEventTypeConstants["topPaste"] = MapBuilder.of("registrationName", "onPaste")
         return baseEventTypeConstants
     }
 
@@ -55,7 +58,8 @@ class TextInputViewManager() : ReactTextInputManager() {
 
         init {
             val reactContext = UIManagerHelper.getReactContext(editText)
-            mEventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, editText.id)!!
+            mEventDispatcher =
+                UIManagerHelper.getEventDispatcherForReactTag(reactContext, editText.id)!!
             mSurfaceId = UIManagerHelper.getSurfaceId(reactContext)
         }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onekeyfe/react-native-text-input",
-  "version": "0.2.9",
+  "version": "0.3.0",
   "description": "text-input",
   "source": "./src/index.tsx",
   "types": "./lib/typescript/src/index.d.ts",

src/Input.js

@@ -20,7 +20,6 @@ import type {
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 import type {TextInputInstance, TextInputType} from 'react-native/Libraries/Components/TextInput/TextInput.flow';
 
-import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags.js';
 import usePressability from 'react-native/Libraries/Pressability/usePressability.js';
 import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle.js';
 import StyleSheet, {
@@ -1010,7 +1009,7 @@ const emptyFunctionThatReturnsTrue = () => true;
  * in native and in JavaScript. This is necessary due to the asynchronous nature
  * of text input events.
  */
-function useTextInputStateSynchronization_STATE({
+function useTextInputStateSynchronization({
   props,
   mostRecentEventCount,
   selection,
@@ -1086,94 +1085,6 @@ function useTextInputStateSynchronization_STATE({
   return {setLastNativeText, setLastNativeSelection};
 }
 
-/**
- * This hook handles the synchronization between the state of the text input
- * in native and in JavaScript. This is necessary due to the asynchronous nature
- * of text input events.
- */
-function useTextInputStateSynchronization_REFS({
-  props,
-  mostRecentEventCount,
-  selection,
-  inputRef,
-  text,
-  viewCommands,
-}: {
-  props: TextInputProps,
-  mostRecentEventCount: number,
-  selection: ?Selection,
-  inputRef: React.RefObject<null | TextInputInstance>,
-  text?: string,
-  viewCommands: ViewCommands,
-}): {
-  setLastNativeText: string => void,
-  setLastNativeSelection: LastNativeSelection => void,
-} {
-  const lastNativeTextRef = useRef<?Stringish>(props.value);
-  const lastNativeSelectionRef = useRef<LastNativeSelection>({
-    selection: {start: -1, end: -1},
-    mostRecentEventCount: mostRecentEventCount,
-  });
-
-  // This is necessary in case native updates the text and JS decides
-  // that the update should be ignored and we should stick with the value
-  // that we have in JS.
-  useLayoutEffect(() => {
-    const nativeUpdate: {text?: string, selection?: Selection} = {};
-
-    const lastNativeSelection = lastNativeSelectionRef.current.selection;
-
-    if (
-      lastNativeTextRef.current !== props.value &&
-      typeof props.value === 'string'
-    ) {
-      nativeUpdate.text = props.value;
-      lastNativeTextRef.current = props.value;
-    }
-
-    if (
-      selection &&
-      lastNativeSelection &&
-      (lastNativeSelection.start !== selection.start ||
-        lastNativeSelection.end !== selection.end)
-    ) {
-      nativeUpdate.selection = selection;
-      lastNativeSelectionRef.current = {selection, mostRecentEventCount};
-    }
-
-    if (Object.keys(nativeUpdate).length === 0) {
-      return;
-    }
-
-    if (inputRef.current != null) {
-      viewCommands.setTextAndSelection(
-        inputRef.current,
-        mostRecentEventCount,
-        text,
-        selection?.start ?? -1,
-        selection?.end ?? -1,
-      );
-    }
-  }, [
-    mostRecentEventCount,
-    inputRef,
-    props.value,
-    props.defaultValue,
-    selection,
-    text,
-    viewCommands,
-  ]);
-
-  return {
-    setLastNativeText: lastNativeText => {
-      lastNativeTextRef.current = lastNativeText;
-    },
-    setLastNativeSelection: lastNativeSelection => {
-      lastNativeSelectionRef.current = lastNativeSelection;
-    },
-  };
-}
-
 /**
  * A foundational component for inputting text into the app via a
  * keyboard. Props provide configurability for several features, such as
@@ -1326,10 +1237,6 @@ function InternalTextInput(props: TextInputProps): React.Node {
       : RCTSinglelineTextInputNativeCommands);
 
   const [mostRecentEventCount, setMostRecentEventCount] = useState<number>(0);
-  const useTextInputStateSynchronization =
-    ReactNativeFeatureFlags.useRefsForTextInputState()
-      ? useTextInputStateSynchronization_REFS
-      : useTextInputStateSynchronization_STATE;
   const {setLastNativeText, setLastNativeSelection} =
     useTextInputStateSynchronization({
       props,