@tbvjaos510/react-native-paste-input 0.9.2 → 0.10.0

package/README.md

@@ -1,30 +1,51 @@
-# @mattermost/react-native-paste-input
+# @tbvjaos510/react-native-paste-input
 
-React Native `TextInput` component have functionality to capture text input from a user
-by using the soft and hardware keyboards but lacks the ability to restrict copy & paste options
-as well as allwing pasting different files formats copied from other apps, like images & videos from
-the Photos gallery app.
+React Native `TextInput` component with the ability to paste images and files from the clipboard.
 
-`PasteInput` is a `TextInput` replacement that solves this issues.
+This is a fork of `@mattermost/react-native-paste-input` with support for React Native 0.76+ New Architecture (Fabric).
+
+## Features
+
+- Paste images from clipboard (context menu)
+- Paste images/GIFs from keyboard (Gboard, etc.)
+- Drag & drop images (Android 12+)
+- Disable copy/paste functionality
+- Full New Architecture (Fabric) support
 
 ## Installation
 
 ```sh
-npm i --save-exact @mattermost/react-native-paste-input
+npm install @tbvjaos510/react-native-paste-input
+# or
+yarn add @tbvjaos510/react-native-paste-input
 ```
 
-## Demo
-| Android | iOS |
-|-- |-- |
-|![Android](/example/gifs/AndroidPasteInput.gif)|![iOS](/example/gifs/iOSPasteInput.gif)|
+## Requirements
+
+- React Native 0.76+
+- New Architecture enabled
+
+### Android Permissions
+
+To paste images from the clipboard on Android 13+, your app needs the `READ_MEDIA_IMAGES` permission:
+
+```xml
+<!-- android/app/src/main/AndroidManifest.xml -->
+<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
+```
 
+For Android 12 and below, use:
+```xml
+<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+```
 
+**Note:** Without these permissions, pasting images copied from the gallery will fail with a SecurityException. Images from other sources (like web browsers) may still work.
 
 ## Usage
 
-```js
+```tsx
 import React, { useRef } from 'react';
-import PasteInput, { PastedFile, PasteInputRef } from "@mattermost/react-native-paste-input";
+import PasteInput, { PastedFile, PasteInputRef } from "@tbvjaos510/react-native-paste-input";
 
 const YourTextInput = () => {
     const inputRef = useRef<PasteInputRef>(null);
@@ -46,23 +67,27 @@ const YourTextInput = () => {
             blurOnSubmit={false}
             underlineColorAndroid="transparent"
             keyboardType="default"
-            disableFullscreenUI={true}
-            textContentType="none"
-            autoCompleteType="off"
         />
     );
 }
 ```
 
-### Properties
-All properties of the [TextInput](!https://reactnative.dev/docs/textinput) component plus:
+## Properties
+
+All properties of the [TextInput](https://reactnative.dev/docs/textinput) component plus:
 
-##### `disableCopyPaste: boolean`
+### `disableCopyPaste: boolean`
 Indicates if the menu items for *cut*, *copy*, *paste* and *share* should not be present in the context menu.
 
-##### `onPaste: (error, files) =>  void`
-Callback that is called when the pasting files into the text input.
-*Note: On Android this callback is also called when selecting and image / gif from the soft keyboard.*
+### `onPaste: (error, files) => void`
+Callback that is called when pasting files into the text input.
+
+**Note:** On Android, this callback is also called when selecting an image/GIF from the soft keyboard.
+
+## Known Limitations
+
+- **Samsung Keyboard Clipboard:** Images from Samsung keyboard's clipboard panel are not supported due to Samsung's proprietary implementation.
+- **Android Media Permissions:** Pasting images copied from the gallery requires `READ_MEDIA_IMAGES` permission on Android 13+.
 
 ## Contributing
 

package/android/build.gradle

@@ -18,8 +18,7 @@ buildscript {
 
 apply plugin: "com.android.library"
 apply plugin: "kotlin-android"
-
-apply plugin: "com.facebook.react"
+// NOT using com.facebook.react plugin - this is a Paper-only component using interop
 
 def getExtOrIntegerDefault(name) {
   return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["TestItOut_" + name]).toInteger()
@@ -33,11 +32,6 @@ android {
   defaultConfig {
     minSdkVersion getExtOrIntegerDefault("minSdkVersion")
     targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
-      externalNativeBuild {
-          cmake {
-              cppFlags '-DBUILD_DEBUG'
-          }
-      }
   }
 
   buildFeatures {
@@ -59,21 +53,8 @@ android {
     targetCompatibility JavaVersion.VERSION_1_8
   }
 
-  sourceSets {
-    main {
-      java.srcDirs += [
-        "generated/java",
-        "generated/jni"
-      ]
-    }
-  }
-
-  externalNativeBuild {
-    cmake {
-        path file('generated/jni/CMakeLists.txt')
-        version '3.22.1'
-    }
-  }
+  // Note: Codegen generates Java delegate files at build time
+  // sourceSets not needed as codegen output is automatically included
 }
 
 def kotlin_version = getExtOrDefault("kotlinVersion")
@@ -85,10 +66,7 @@ repositories {
 
 dependencies {
   implementation 'com.facebook.react:react-native:+'
+  implementation 'androidx.core:core-ktx:1.12.0'
 }
 
-react {
-  jsRootDir = file("../src/")
-  libraryName = "react-native-paste-input"
-  codegenJavaPackageName = "com.mattermost.pastetextinput"
-}
+// No react {} block - using Paper interop mode instead of Fabric codegen

package/android/src/main/java/com/mattermost/pasteinputtext/PasteInputActionCallback.kt

@@ -13,12 +13,10 @@ class PasteInputActionCallback(editText: PasteInputEditText, disabled: Boolean,
   private val mEditText = editText
   private val mEventDispatcher = eventDispatcher
 
-
   override fun onCreateActionMode(mode: ActionMode?, menu: Menu?): Boolean {
     if (isDisabled) {
       disableMenus(menu)
     }
-
     return true
   }
 
@@ -34,12 +32,10 @@ class PasteInputActionCallback(editText: PasteInputEditText, disabled: Boolean,
     } else {
       mEditText.onTextContextMenuItem(item!!.itemId)
     }
-
     return true
   }
 
   override fun onDestroyActionMode(mode: ActionMode?) {
-
   }
 
   private fun disableMenus(menu: Menu?) {
@@ -61,12 +57,17 @@ class PasteInputActionCallback(editText: PasteInputEditText, disabled: Boolean,
     val clipboardManager = mEditText.context.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
     val clipData = clipboardManager.primaryClip ?: return null
     val item = clipData.getItemAt(0) ?: return null
-    val chars = item.text ?: return null
 
-    val text = chars.toString()
-    return if (text.isNotEmpty()) {
-      null
-    } else item.uri
+    // Check for URI first (for images)
+    val uri = item.uri
+    if (uri != null) {
+      return uri
+    }
 
+    // If no URI, check if it's text content
+    val chars = item.text
+    return if (chars != null && chars.toString().isNotEmpty()) {
+      null  // It's text, not an image
+    } else null
   }
 }

package/android/src/main/java/com/mattermost/pasteinputtext/PasteInputEditText.kt

@@ -9,7 +9,6 @@ import androidx.core.view.inputmethod.InputConnectionCompat
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.events.EventDispatcher
 import com.facebook.react.views.textinput.ReactEditText
-import java.lang.Exception
 
 
 @SuppressLint("ViewConstructor")
@@ -42,7 +41,7 @@ class PasteInputEditText(context: ThemedReactContext) : ReactEditText(context) {
       val lacksPermission = (flags and InputConnectionCompat.INPUT_CONTENT_GRANT_READ_URI_PERMISSION) != 0
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N_MR1 && lacksPermission) {
         try {
-            inputContentInfo.requestPermission()
+          inputContentInfo.requestPermission()
         } catch (e: Exception) {
           return@OnCommitContentListener false
         }

package/android/src/main/java/com/mattermost/pasteinputtext/PasteInputListener.kt

@@ -5,79 +5,126 @@ import android.content.Context
 import android.net.Uri
 import android.util.Patterns
 import android.webkit.MimeTypeMap
-import android.webkit.URLUtil
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
-import com.facebook.react.bridge.WritableArray
-import com.facebook.react.bridge.WritableMap
 import com.facebook.react.uimanager.events.EventDispatcher
-import java.io.FileNotFoundException
+import java.io.File
+import java.io.FileOutputStream
 
 class PasteInputListener(editText: PasteInputEditText, surfaceId: Int) : IPasteInputListener {
   private val mEditText = editText
   private val mSurfaceId = surfaceId
 
+  /**
+   * Copy content from URI to app's cache directory.
+   * This avoids SecurityException when accessing clipboard URIs.
+   */
+  private fun copyUriToCache(context: Context, uri: Uri, mimeType: String): File? {
+    try {
+      val cacheDir = File(context.cacheDir, PasteTextInputManager.CACHE_DIR_NAME)
+      if (!cacheDir.exists()) {
+        cacheDir.mkdirs()
+      }
+
+      val extension = MimeTypeMap.getSingleton().getExtensionFromMimeType(mimeType) ?: "jpg"
+      val fileName = "paste_${System.currentTimeMillis()}.$extension"
+      val destFile = File(cacheDir, fileName)
+
+      context.contentResolver.openInputStream(uri)?.use { input ->
+        FileOutputStream(destFile).use { output ->
+          input.copyTo(output)
+        }
+      } ?: return null
+
+      return destFile
+    } catch (e: Exception) {
+      return null
+    }
+  }
+
   override fun onPaste(itemUri: Uri, eventDispatcher: EventDispatcher?) {
     val reactContext = mEditText.context as ReactContext
-    reactContext.contentResolver.getType(itemUri) ?: return
+    val uriString: String = itemUri.toString()
 
-    var uriString: String = itemUri.toString()
-    val mimeType: String
-    val fileSize: Long
-    var files: WritableArray? = null
-    var error: WritableMap? = null
+    // Handle HTTP URLs separately
+    if (uriString.startsWith("http")) {
+      val pastImageFromUrlThread = Thread(PasteInputFileFromUrl(
+        mEditText,
+        uriString,
+        mSurfaceId,
+        eventDispatcher
+      ))
+      pastImageFromUrlThread.start()
+      return
+    }
+
+    // Try to get content type
+    var mimeType = reactContext.contentResolver.getType(itemUri)
+
+    // If content type is null, try to get from ClipData
+    if (mimeType == null) {
+      val clipboardManager = reactContext.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
+      val clipData = clipboardManager.primaryClip
+      if (clipData != null && clipData.description.mimeTypeCount > 0) {
+        mimeType = clipData.description.getMimeType(0)
+      }
+    }
+
+    // Default to image/jpeg if still null
+    if (mimeType == null) {
+      mimeType = "image/jpeg"
+    }
 
     // Special handle for Google docs
     if (uriString == "content://com.google.android.apps.docs.editors.kix.editors.clipboard") {
       val clipboardManager = reactContext.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
       val clipData = clipboardManager.primaryClip ?: return
       val item = clipData.getItemAt(0) ?: return
-      val htmlText = item.htmlText
+      val htmlText = item.htmlText ?: return
 
       // Find uri from html
       val matcher = Patterns.WEB_URL.matcher(htmlText)
       if (matcher.find()) {
-        uriString = htmlText.substring(matcher.start(1), matcher.end())
+        val urlString = htmlText.substring(matcher.start(1), matcher.end())
+        val pastImageFromUrlThread = Thread(PasteInputFileFromUrl(
+          mEditText,
+          urlString,
+          mSurfaceId,
+          eventDispatcher
+        ))
+        pastImageFromUrlThread.start()
       }
-    } else if (uriString.startsWith("http")) {
-      val pastImageFromUrlThread = Thread(PasteInputFileFromUrl(
-        mEditText,
-        uriString,
-        mSurfaceId,
-        eventDispatcher
-      ))
-      pastImageFromUrlThread.start()
       return
-    } else {
-      uriString = RealPathUtil.getRealPathFromURI(reactContext, itemUri) ?: return
     }
 
-    val extension: String = MimeTypeMap.getFileExtensionFromUrl(uriString) ?: return
-    mimeType = MimeTypeMap.getSingleton().getMimeTypeFromExtension(extension) ?: return
-    val fileName: String = URLUtil.guessFileName(uriString, null, mimeType)
-
-    try {
-      val contentResolver = reactContext.contentResolver
-      val assetFileDescriptor = contentResolver.openAssetFileDescriptor(itemUri, "r") ?: return
-      val file = Arguments.createMap()
-
-      files = Arguments.createArray()
-      fileSize = assetFileDescriptor.length
-      file.putString("type", mimeType)
-      file.putDouble("fileSize", fileSize.toDouble())
-      file.putString("fileName", fileName)
-      file.putString("uri", "file://$uriString")
-
-      files.pushMap(file)
-      assetFileDescriptor.close()
-    } catch (e: FileNotFoundException) {
-      error = Arguments.createMap()
-      error.putString("message", e.localizedMessage)
+    // Copy content URI to cache file
+    val cachedFile = copyUriToCache(reactContext, itemUri, mimeType)
+    if (cachedFile == null) {
+      val error = Arguments.createMap()
+      error.putString("message", "Failed to copy image from clipboard")
+      val event = Arguments.createMap()
+      event.putArray("data", null)
+      event.putMap("error", error)
+      eventDispatcher?.dispatchEvent(PasteTextInputPasteEvent(mSurfaceId, mEditText.id, event))
+      return
     }
 
+    val fileName = cachedFile.name
+    val fileSize = cachedFile.length()
+    val filePath = cachedFile.absolutePath
+
+    val file = Arguments.createMap()
+    file.putString("type", mimeType)
+    file.putDouble("fileSize", fileSize.toDouble())
+    file.putString("fileName", fileName)
+    file.putString("uri", "file://$filePath")
+
+    val files = Arguments.createArray()
+    files.pushMap(file)
+
     val event = Arguments.createMap()
     event.putArray("data", files)
-    event.putMap("error", error)
+    event.putMap("error", null)
 
     eventDispatcher?.dispatchEvent(PasteTextInputPasteEvent(mSurfaceId, mEditText.id, event))
   }

package/android/src/main/java/com/mattermost/pasteinputtext/PasteTextInputManager.kt

@@ -1,6 +1,7 @@
 package com.mattermost.pasteinputtext
 
 import android.text.InputType
+import androidx.core.view.ViewCompat
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.common.MapBuilder
@@ -51,6 +52,38 @@ class PasteTextInputManager(context: ReactApplicationContext) : ReactTextInputMa
     val pasteInputEditText = editText as PasteInputEditText
     val eventDispatcher = getEventDispatcher(reactContext, editText)
     pasteInputEditText.setOnPasteListener(PasteInputListener(pasteInputEditText, reactContext.surfaceId), eventDispatcher)
+
+    // Set up OnReceiveContentListener for unified content handling (drag & drop, etc.)
+    setupOnReceiveContentListener(pasteInputEditText, eventDispatcher)
+  }
+
+  private fun setupOnReceiveContentListener(
+    editText: PasteInputEditText,
+    eventDispatcher: EventDispatcher?
+  ) {
+    val mimeTypes = arrayOf("image/*")
+
+    ViewCompat.setOnReceiveContentListener(
+      editText,
+      mimeTypes,
+      androidx.core.view.OnReceiveContentListener { _, payload ->
+        val clip = payload.clip
+        val description = clip.description
+
+        if (description != null && description.hasMimeType("image/*")) {
+          for (i in 0 until clip.itemCount) {
+            val item = clip.getItemAt(i)
+            val uri = item.uri
+            if (uri != null) {
+              editText.getOnPasteListener().onPaste(uri, eventDispatcher)
+            }
+          }
+          null
+        } else {
+          payload
+        }
+      }
+    )
   }
 
   override fun getExportedCustomBubblingEventTypeConstants(): MutableMap<String, Any> {

package/ios/PasteTextInput.mm

@@ -17,9 +17,15 @@
 #import "RCTTextInputUtils.h"
 
 #import "RCTFabricComponentsPlugins.h"
+#import <React/RCTComponentViewFactory.h>
 
 using namespace facebook::react;
 
+// Register the component with Fabric's component registry
+__attribute__((constructor)) static void registerPasteTextInput() {
+    [RCTComponentViewFactory.currentComponentViewFactory registerComponentViewClass:[PasteTextInput class]];
+}
+
 @interface PasteTextInput () <RCTBackedTextInputDelegate, RCTPasteTextInputViewProtocol>
 @end
 
@@ -86,18 +92,20 @@ std::int32_t convertNSDictionaryValueToStdInt(NSDictionary *dictionary, NSString
     if (self = [super initWithFrame:frame]) {
         static const auto defaultProps = std::make_shared<const PasteTextInputProps>();
         _props = defaultProps;
-        
+
         _backedTextInputView = [[PasteInputTextView alloc] initWithFrame:self.bounds];
         _backedTextInputView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
         _backedTextInputView.textInputDelegate = self;
+        _backedTextInputView.editable = YES;
+        _backedTextInputView.userInteractionEnabled = YES;
         [self _setOnPaste];
         _ignoreNextTextInputCall = NO;
         _comingFromJS = NO;
         _didMoveToWindow = NO;
-        
+
         [self addSubview:_backedTextInputView];
     }
-    
+
     return self;
 }
 
@@ -201,11 +209,13 @@ std::int32_t convertNSDictionaryValueToStdInt(NSDictionary *dictionary, NSString
   // because they are being checked on-demand.
 
 //   Other props:
-  if (newTextInputProps.placeholder != oldTextInputProps.placeholder) {
+  if (newTextInputProps.placeholder != oldTextInputProps.placeholder ||
+      (!newTextInputProps.placeholder.empty() && _backedTextInputView.placeholder.length == 0)) {
     _backedTextInputView.placeholder = RCTNSStringFromString(newTextInputProps.placeholder);
   }
 
-  if (newTextInputProps.placeholderTextColor != oldTextInputProps.placeholderTextColor) {
+  if (newTextInputProps.placeholderTextColor != oldTextInputProps.placeholderTextColor ||
+      (newTextInputProps.placeholderTextColor && !_backedTextInputView.placeholderColor)) {
     _backedTextInputView.placeholderColor = RCTUIColorFromSharedColor(newTextInputProps.placeholderTextColor);
   }
 

package/ios/PasteTextInputManager.mm

@@ -17,81 +17,23 @@
 #ifdef RCT_NEW_ARCH_ENABLED
 @interface PasteTextInputManager : RCTViewManager
 @end
-#else
-#import <React/RCTMultilineTextInputViewManager.h>
-
-@interface PasteTextInputManager : RCTMultilineTextInputViewManager
-
-@end
-#endif
 
-@implementation PasteTextInputManager {
-    NSHashTable<RCTBaseTextInputShadowView *> *_shadowViews;
-}
+@implementation PasteTextInputManager
 
 RCT_EXPORT_MODULE(PasteTextInput)
 
-RCT_EXPORT_VIEW_PROPERTY(disableCopyPaste, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(smartPunctuation, NSString)
-
-RCT_EXPORT_VIEW_PROPERTY(onPaste, RCTBubblingEventBlock)
-
-#pragma mark - Unified <PasteTextInput> properties
-#ifdef RCT_NEW_ARCH_ENABLED
-RCT_REMAP_VIEW_PROPERTY(autoCapitalize, backedTextInputView.autocapitalizationType, UITextAutocapitalizationType)
-RCT_REMAP_VIEW_PROPERTY(autoCorrect, backedTextInputView.autocorrectionType, UITextAutocorrectionType)
-RCT_REMAP_VIEW_PROPERTY(contextMenuHidden, backedTextInputView.contextMenuHidden, BOOL)
-RCT_REMAP_VIEW_PROPERTY(editable, backedTextInputView.editable, BOOL)
-RCT_REMAP_VIEW_PROPERTY(enablesReturnKeyAutomatically, backedTextInputView.enablesReturnKeyAutomatically, BOOL)
-RCT_REMAP_VIEW_PROPERTY(keyboardAppearance, backedTextInputView.keyboardAppearance, UIKeyboardAppearance)
-RCT_REMAP_VIEW_PROPERTY(placeholder, backedTextInputView.placeholder, NSString)
-RCT_REMAP_VIEW_PROPERTY(placeholderTextColor, backedTextInputView.placeholderColor, UIColor)
-RCT_REMAP_VIEW_PROPERTY(returnKeyType, backedTextInputView.returnKeyType, UIReturnKeyType)
-RCT_REMAP_VIEW_PROPERTY(selectionColor, backedTextInputView.tintColor, UIColor)
-RCT_REMAP_VIEW_PROPERTY(spellCheck, backedTextInputView.spellCheckingType, UITextSpellCheckingType)
-RCT_REMAP_VIEW_PROPERTY(caretHidden, backedTextInputView.caretHidden, BOOL)
-RCT_REMAP_VIEW_PROPERTY(clearButtonMode, backedTextInputView.clearButtonMode, UITextFieldViewMode)
-RCT_REMAP_VIEW_PROPERTY(scrollEnabled, backedTextInputView.scrollEnabled, BOOL)
-RCT_REMAP_VIEW_PROPERTY(secureTextEntry, backedTextInputView.secureTextEntry, BOOL)
-RCT_REMAP_VIEW_PROPERTY(smartInsertDelete, backedTextInputView.smartInsertDeleteType, UITextSmartInsertDeleteType)
-RCT_EXPORT_VIEW_PROPERTY(autoFocus, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(submitBehavior, NSString)
-RCT_EXPORT_VIEW_PROPERTY(clearTextOnFocus, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(keyboardType, UIKeyboardType)
-RCT_EXPORT_VIEW_PROPERTY(showSoftInputOnFocus, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(maxLength, NSNumber)
-RCT_EXPORT_VIEW_PROPERTY(selectTextOnFocus, BOOL)
-RCT_EXPORT_VIEW_PROPERTY(selection, RCTTextSelection)
-RCT_EXPORT_VIEW_PROPERTY(inputAccessoryViewID, NSString)
-RCT_EXPORT_VIEW_PROPERTY(textContentType, NSString)
-RCT_EXPORT_VIEW_PROPERTY(passwordRules, NSString)
-
-RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
+// Export TextInput events for Fabric Paper interop
+// These are inherited from TextInputEventEmitter in native code
+RCT_EXPORT_VIEW_PROPERTY(onContentSizeChange, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onSelectionChange, RCTDirectEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onScroll, RCTDirectEventBlock)
-
-RCT_EXPORT_VIEW_PROPERTY(mostRecentEventCount, NSInteger)
-
-RCT_EXPORT_SHADOW_PROPERTY(text, NSString)
-RCT_EXPORT_SHADOW_PROPERTY(placeholder, NSString)
-RCT_EXPORT_SHADOW_PROPERTY(onContentSizeChange, RCTDirectEventBlock)
-
-RCT_CUSTOM_VIEW_PROPERTY(multiline, BOOL, UIView)
-{
-  // No op.
-  // This View Manager doesn't use this prop but it must be exposed here via ViewConfig to enable Fabric component use
-  // it.
-}
-
-- (RCTShadowView *)shadowView
-{
-  RCTBaseTextInputShadowView *shadowView = [[RCTBaseTextInputShadowView alloc] initWithBridge:self.bridge];
-  shadowView.textAttributes.fontSizeMultiplier =
-      [[[self.bridge moduleForName:@"AccessibilityManager"
-             lazilyLoadIfNecessary:YES] valueForKey:@"multiplier"] floatValue];
-  [_shadowViews addObject:shadowView];
-  return shadowView;
-}
+RCT_EXPORT_VIEW_PROPERTY(onBlur, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onFocus, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onEndEditing, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onSubmitEditing, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onKeyPress, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPaste, RCTBubblingEventBlock)
 
 RCT_EXPORT_METHOD(focus : (nonnull NSNumber *)viewTag)
 {
@@ -136,36 +78,29 @@ RCT_EXPORT_METHOD(setTextAndSelection
   }];
 }
 
-#pragma mark - RCTUIManagerObserver
+// Note: For Fabric, the -view method is NOT needed.
+// The PasteTextInput component is created via PasteTextInputCls() in PasteTextInput.mm
 
-- (void)uiManagerWillPerformMounting:(__unused RCTUIManager *)uiManager
-{
-  for (RCTBaseTextInputShadowView *shadowView in _shadowViews) {
-    [shadowView uiManagerWillPerformMounting];
-  }
-}
+@end
 
-#pragma mark - Font Size Multiplier
+#else
+#import <React/RCTMultilineTextInputViewManager.h>
 
-- (void)handleDidUpdateMultiplierNotification
-{
-  CGFloat fontSizeMultiplier =
-      [[[self.bridge moduleForName:@"AccessibilityManager"] valueForKey:@"multiplier"] floatValue];
-
-  NSHashTable<RCTBaseTextInputShadowView *> *shadowViews = _shadowViews;
-  RCTExecuteOnUIManagerQueue(^{
-    for (RCTBaseTextInputShadowView *shadowView in shadowViews) {
-      shadowView.textAttributes.fontSizeMultiplier = fontSizeMultiplier;
-      [shadowView dirtyLayout];
-    }
+@interface PasteTextInputManager : RCTMultilineTextInputViewManager
+@end
+
+@implementation PasteTextInputManager
+
+RCT_EXPORT_MODULE(PasteTextInput)
+
+RCT_EXPORT_VIEW_PROPERTY(disableCopyPaste, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(smartPunctuation, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onPaste, RCTBubblingEventBlock)
 
-    [self.bridge.uiManager setNeedsLayout];
-  });
-}
-#else
 - (UIView *)view
 {
   return [[PasteInputView alloc] initWithBridge:self.bridge];
 }
-#endif
+
 @end
+#endif