feat: add deletion by ref

Author: IslamRustamov

android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt

@@ -1005,6 +1005,19 @@ class EnrichedTextInputView :
     selection?.validateStyles()
   }
 
+  fun deleteAtSelection() {
+    runAsATransaction {
+      val start = selectionStart
+      val end = selectionEnd
+
+      if (start != end) {
+        text?.delete(start, end)
+      } else if (start > 0) {
+        text?.delete(start - 1, start)
+      }
+    }
+  }
+
   fun requestHTML(requestId: Int) {
     val html =
       try {

android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputViewManager.kt

@@ -479,6 +479,10 @@ class EnrichedTextInputViewManager :
     view?.setTextAlignment(alignment)
   }
 
+  override fun deleteAtSelection(view: EnrichedTextInputView?) {
+    view?.deleteAtSelection()
+  }
+
   override fun measure(
     context: Context,
     localData: ReadableMap?,

ios/EnrichedTextInputView.mm

@@ -1296,6 +1296,8 @@ - (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args {
     if (!_placeholderLabel.isHidden) {
       [self refreshPlaceholderLabelStyles];
     }
+  } else if ([commandName isEqualToString:@"deleteAtSelection"]) {
+    [self deleteAtSelection];
   }
 }
 
@@ -1335,6 +1337,18 @@ - (void)setValue:(NSString *)value {
   [self anyTextMayHaveBeenModified];
 }
 
+- (void)deleteAtSelection {
+  UITextRange *selectedRange = self.textView.selectedTextRange;
+
+  if (selectedRange.empty) {
+    [self.textView deleteBackward];
+  } else {
+    [self.textView replaceRange:selectedRange withText:@""];
+  }
+
+  [self anyTextMayHaveBeenModified];
+}
+
 - (void)setCustomSelection:(NSInteger)visibleStart end:(NSInteger)visibleEnd {
   NSString *text = textView.textStorage.string;
 

src/native/EnrichedTextInput.tsx

@@ -277,6 +277,9 @@ export const EnrichedTextInput = ({
     ) => {
       Commands.setTextAlignment(nullthrows(nativeRef.current), alignment);
     },
+    deleteAtSelection: () => {
+      Commands.deleteAtSelection(nullthrows(nativeRef.current));
+    },
   }));
 
   const handleMentionEvent = (e: NativeSyntheticEvent<OnMentionEvent>) => {

src/spec/EnrichedTextInputNativeComponent.ts

@@ -482,6 +482,7 @@ interface NativeCommands {
     viewRef: React.ElementRef<ComponentType>,
     alignment: string
   ) => void;
+  deleteAtSelection: (viewRef: React.ElementRef<ComponentType>) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
@@ -516,6 +517,7 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
     'addMention',
     'requestHTML',
     'setTextAlignment',
+    'deleteAtSelection',
   ],
 });
 

src/types.ts

@@ -564,6 +564,8 @@ export interface EnrichedTextInputInstance extends NativeMethods {
   setTextAlignment: (
     alignment: 'left' | 'center' | 'right' | 'justify' | 'auto'
   ) => void;
+
+  deleteAtSelection: () => void;
 }
 
 export interface ContextMenuItem {

src/web/EnrichedTextInput.tsx

@@ -376,6 +376,17 @@ export const EnrichedTextInput = ({
           runFocused(editor, (c) => c.setTextAlign(alignment));
         }
       },
+      deleteAtSelection: () => {
+        runFocused(editor, (c) => {
+          const { from, to } = editor.state.selection;
+
+          if (from !== to) {
+            return c.deleteSelection();
+          } else {
+            return c.deleteRange({ from: from - 1, to });
+          }
+        });
+      },
     }),
     [editor, mentionIndicatorsRef, useHtmlNormalizerRef]
   );