Merge pull request #32 from divyanshu-patil/feat/new_props

Feat: disableImagePasting Prop

Author: divyanshu-patil

android/src/main/java/com/typerich/TypeRichTextInputView.kt

@@ -64,6 +64,7 @@ class TypeRichTextInputView : AppCompatEditText {
   private var lineHeightPx: Int? = null
   private var isSettingTextFromJS = false
   private var isInitialized = false
+  private var disableImagePasting = false
 
   constructor(context: Context) : super(context) {
     prepareComponent()
@@ -140,23 +141,34 @@ class TypeRichTextInputView : AppCompatEditText {
   override fun onCreateInputConnection(outAttrs: EditorInfo): InputConnection? {
     val ic = super.onCreateInputConnection(outAttrs) ?: return null
 
-    EditorInfoCompat.setContentMimeTypes(
-      outAttrs,
-      arrayOf("image/png", "image/jpg", "image/jpeg", "image/gif", "image/webp")
-    )
+    if (!disableImagePasting) {
+      EditorInfoCompat.setContentMimeTypes(
+        outAttrs,
+        arrayOf("image/png", "image/jpg", "image/jpeg", "image/gif", "image/webp")
+      )
+
+      return InputConnectionCompat.createWrapper(ic, outAttrs, onCommitContent)
+    }
 
-    return InputConnectionCompat.createWrapper(ic, outAttrs, onCommitContent)
+    return ic
   }
 
   private val onCommitContent = InputConnectionCompat.OnCommitContentListener { info, flags, _ ->
     try {
-      // request permission if needed
-      if ((flags and InputConnectionCompat.INPUT_CONTENT_GRANT_READ_URI_PERMISSION) != 0) {
+      val hasPermission =
+        (flags and InputConnectionCompat.INPUT_CONTENT_GRANT_READ_URI_PERMISSION) != 0
+
+      if (hasPermission) {
         try {
           info.requestPermission()
-        } catch (ex: Exception) {
-          // permission failed
+        } catch (_: Exception) {}
+      }
+
+      if (disableImagePasting) {
+        if (hasPermission) {
+          try { info.releasePermission() } catch (_: Exception) {}
         }
+        return@OnCommitContentListener false
       }
 
       val uri = info.contentUri
@@ -189,7 +201,7 @@ class TypeRichTextInputView : AppCompatEditText {
     }
   }
 
-  // paste handler
+  // context menu paste handler
   override fun onTextContextMenuItem(id: Int): Boolean {
     if (id == android.R.id.paste || id == android.R.id.pasteAsPlainText) {
       val clipboard = context.getSystemService(Context.CLIPBOARD_SERVICE) as? ClipboardManager
@@ -198,6 +210,12 @@ class TypeRichTextInputView : AppCompatEditText {
       val clip = clipboard.primaryClip ?: return super.onTextContextMenuItem(id)
       val item = clip.getItemAt(0)
 
+      if (disableImagePasting) {
+        if (item.uri != null || item.intent?.data != null) {
+          return true
+        }
+      }
+
       // uri
       item.uri?.let { uri ->
         val source = EnumPasteSource.CLIPBOARD.value
@@ -577,6 +595,10 @@ class TypeRichTextInputView : AppCompatEditText {
     }
   }
 
+  fun setDisableImagePasting(disabled: Boolean){
+    this.disableImagePasting = disabled
+  }
+
   override fun isLayoutRequested(): Boolean {
     return false
   }

android/src/main/java/com/typerich/TypeRichTextInputViewManager.kt

@@ -145,6 +145,11 @@ class TypeRichTextInputViewManager :
     view?.setLineHeightReact(lineHeight)
   }
 
+  @ReactProp(name = "disableImagePasting")
+  override fun setDisableImagePasting(view: TypeRichTextInputView?, value: Boolean) {
+   view?.setDisableImagePasting(value)
+  }
+
   override fun onAfterUpdateTransaction(view: TypeRichTextInputView) {
     super.onAfterUpdateTransaction(view)
     view.afterUpdateTransaction()

example/src/App.tsx

@@ -180,6 +180,7 @@ export default function App() {
             fontWeight={'200'}
             fontSize={24}
             color="indigo"
+            disableImagePasting={false}
           />
         </View>
         <TextInput

ios/TypeRichTextInputView.h

@@ -26,6 +26,7 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)invalidateTextLayoutFromCommand;
 - (void)updatePlaceholderVisibilityFromCommand;
 - (void)dispatchSelectionChangeIfNeeded;
+- (BOOL)isDisableImagePasting;
 
 @end
 NS_ASSUME_NONNULL_END

ios/TypeRichTextInputView.mm

@@ -52,6 +52,9 @@ @implementation TypeRichTextInputView {
   /// Commands to call from js side
   TypeRichTextInputCommands *_commandHandler;
 //  BOOL _isHandlingUserInput;
+  
+  /// Disabling Image Pasing
+  BOOL _disableImagePasting;
 }
 
 #pragma mark - Fabric registration
@@ -124,6 +127,8 @@ - (instancetype)initWithFrame:(CGRect)frame {
     _textView.font = defaultFont;
     _placeholderLabel.font = defaultFont;
 
+    _disableImagePasting = NO;
+    
     // Add textView as subview (not contentView)
     [self addSubview:_textView];
 
@@ -301,6 +306,11 @@ - (void)updateProps:(Props::Shared const &)props
       );
   }
 
+  // disableImagePasting
+  if (!oldPropsPtr || newProps.disableImagePasting != oldPropsPtr->disableImagePasting) {
+    _disableImagePasting = newProps.disableImagePasting;
+  }
+  
 #pragma mark - Style Props
 
   // Text color
@@ -815,4 +825,7 @@ - (void)dispatchSelectionChangeIfNeeded {
 //  return _isHandlingUserInput;
 //}
 
+- (BOOL)isDisableImagePasting{
+  return _disableImagePasting;
+}
 @end

ios/inputTextView/TypeRichUITextView.mm

@@ -13,7 +13,17 @@ @implementation TypeRichUITextView
 - (void)paste:(id)sender {
   UIPasteboard *pb = UIPasteboard.generalPasteboard;
 
-  if (pb.hasImages) {
+  if ([self.owner isDisableImagePasting] &&
+      pb.hasImages &&
+      !pb.hasStrings) {
+    return;
+  }
+
+  if (
+    ![self.owner isDisableImagePasting]
+    && pb.hasImages
+  ) {
+    
     UIImage *image = pb.image;
     if (!image) {
       [super paste:sender];
@@ -53,7 +63,11 @@ - (void)paste:(id)sender {
 
 - (BOOL)canPasteItemProviders:(NSArray<NSItemProvider *> *)itemProviders {
   for (NSItemProvider *provider in itemProviders) {
-    if ([provider hasItemConformingToTypeIdentifier:@"public.text"] ||
+    if ([provider hasItemConformingToTypeIdentifier:@"public.text"]) {
+        return YES;
+      }
+
+    if (![self.owner isDisableImagePasting] &&
         [provider hasItemConformingToTypeIdentifier:@"public.image"]) {
       return YES;
     }
@@ -65,6 +79,13 @@ - (BOOL)canPerformAction:(SEL)action withSender:(id)sender {
   if (action == @selector(paste:)) {
     UIPasteboard *pb = UIPasteboard.generalPasteboard;
 
+    if (
+      [self.owner isDisableImagePasting] &&
+      pb.hasImages &&
+      !pb.hasStrings) {
+        return NO;
+    }
+    
     // Allow paste if there is text OR image
     if (pb.hasStrings || pb.hasImages) {
       return YES;

src/TypeRichTextInput.tsx

@@ -28,7 +28,7 @@ export function normalizeEvent<T>(event: MaybeNativeEvent<T>): T {
   return event as T;
 }
 
-// Public facing props (same as NativeProps but events normalized)
+// normalised events
 export interface TypeRichTextInputProps
   extends Omit<
     TypeRichTextInputNativeProps,
@@ -38,7 +38,6 @@ export interface TypeRichTextInputProps
     | 'onInputBlur'
     | 'onPasteImage'
   > {
-  // JS-friendly callbacks
   onFocus?: () => void;
   onBlur?: () => void;
   onChangeText?: (value: string) => void;
@@ -67,8 +66,7 @@ export interface TypeRichTextInputRef {
  * - Fabric-based rendering
  * - custom ShadowNode on Android
  *
- * iOS support is currently unavailable and renders a `View` comp as fallback
- * we are planning to add support for ios too soon
+ * iOS support is currently in Beta Stage and
  */
 const TypeRichTextInput = forwardRef(
   (props: TypeRichTextInputProps, ref: Ref<TypeRichTextInputRef>) => {

src/TypeRichTextInputNativeComponent.ts

@@ -50,7 +50,7 @@ export interface TypeRichTextInputNativeProps extends ViewProps {
   keyboardAppearance?: WithDefault<'default' | 'light' | 'dark', 'default'>; // ios only
 
   // Todo
-  // disableImagePasting?: boolean
+  disableImagePasting?: boolean;
 
   // event callbacks
   onInputFocus?: DirectEventHandler<null>;