@onekeyfe/react-native-text-input 0.2.0

package/android/src/main/java/com/textinput/TextInputPasteEvent.kt

@@ -0,0 +1,48 @@
+package com.textinput
+
+import androidx.annotation.Nullable
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.uimanager.common.ViewUtil
+import com.facebook.react.uimanager.events.Event
+
+/**
+ * Event emitted by EditText native view when clipboard content is pasted
+ */
+class TextInputPasteEvent : Event<TextInputPasteEvent> {
+
+    companion object {
+        private const val EVENT_NAME = "topPaste"
+    }
+
+    private val mType: String
+    private val mData: String
+
+    @Deprecated("Use the constructor with surfaceId")
+    constructor(viewId: Int, type: String, data: String) : this(ViewUtil.NO_SURFACE_ID, viewId, type, data)
+
+    constructor(surfaceId: Int, viewId: Int, type: String, data: String) : super(surfaceId, viewId) {
+        mType = type
+        mData = data
+    }
+
+    override fun getEventName(): String = EVENT_NAME
+
+    override fun canCoalesce(): Boolean = false
+
+    @Nullable
+    override fun getEventData(): WritableMap? {
+        val eventData = Arguments.createMap()
+
+        val items = Arguments.createArray()
+        val item = Arguments.createMap()
+        item.putString("type", mType)
+        item.putString("data", mData)
+        items.pushMap(item)
+
+        eventData.putArray("items", items)
+
+        return eventData
+    }
+}

package/android/src/main/java/com/textinput/TextInputView.kt

@@ -0,0 +1,67 @@
+package com.textinput
+
+import android.content.ClipData
+import android.content.ClipDescription
+import android.content.ClipboardManager
+import android.content.Context
+import android.os.Build
+import android.text.Spanned
+import androidx.annotation.Nullable
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.views.textinput.ReactEditText
+import so.onekey.app.wallet.pasteinput.PasteWatcher
+
+class TextInputView(context: Context) : ReactEditText(context) {
+
+    private var mPasteWatcher: PasteWatcher? = null
+
+    override fun onTextContextMenuItem(id: Int): Boolean {
+        if (id == android.R.id.paste || id == android.R.id.pasteAsPlainText) {
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
+                val newId = android.R.id.pasteAsPlainText
+                mPasteWatcher?.let { pasteWatcher ->
+                    val clipboardManager = context.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
+                    val clipData = clipboardManager.primaryClip
+                    var type: String? = null
+                    var data: String? = null
+                    if (clipData?.description?.hasMimeType(ClipDescription.MIMETYPE_TEXT_PLAIN) == true) {
+                        type = ClipDescription.MIMETYPE_TEXT_PLAIN
+                        data = clipData.getItemAt(0).text.toString()
+                    } else {
+                        val itemUri = clipData?.getItemAt(0)?.uri
+                        itemUri?.let {
+                            val cr = UIManagerHelper.getReactContext(this)?.contentResolver
+                            type = cr?.getType(it)
+                            data = it.toString()
+                        }
+                    }
+                    if (type != null && data != null) {
+                        pasteWatcher.onPaste(type!!, data!!)
+                    }
+                }
+                return super.onTextContextMenuItem(newId)
+            } else {
+                val clipboard = context.getSystemService(Context.CLIPBOARD_SERVICE) as ClipboardManager
+                val previousClipData = clipboard.primaryClip
+                previousClipData?.let {
+                    for (i in 0 until it.itemCount) {
+                        val text = it.getItemAt(i).coerceToText(context)
+                        val paste = if (text is Spanned) text.toString() else text
+                        paste?.let { pasteText ->
+                            val clipData = ClipData.newPlainText(null, pasteText)
+                            clipboard.setPrimaryClip(clipData)
+                        }
+                    }
+                    val actionPerformed = super.onTextContextMenuItem(id)
+                    clipboard.setPrimaryClip(previousClipData)
+                    return actionPerformed
+                }
+            }
+        }
+        return super.onTextContextMenuItem(id)
+    }
+
+    fun setPasteWatcher(@Nullable pasteWatcher: PasteWatcher?) {
+        mPasteWatcher = pasteWatcher
+    }
+}

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

@@ -0,0 +1,68 @@
+package com.textinput
+
+import android.text.InputType
+import android.view.ViewGroup
+import com.facebook.react.common.MapBuilder
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.views.textinput.ReactEditText
+import com.facebook.react.views.textinput.ReactTextInputManager
+import so.onekey.app.wallet.pasteinput.PasteWatcher
+
+@ReactModule(name = ReactTextInputManager.REACT_CLASS)
+class TextInputViewManager() : ReactTextInputManager() {
+
+  companion object {
+        const val REACT_CLASS = "OneKeyTextInput"
+    }
+
+    override fun getName(): String = REACT_CLASS
+
+    override fun createViewInstance(context: ThemedReactContext): ReactEditText {
+        val editText = TextInputView(context)
+        val inputType = editText.inputType
+        editText.inputType = inputType and InputType.TYPE_TEXT_FLAG_MULTI_LINE.inv()
+        editText.returnKeyType = "done"
+        editText.layoutParams = ViewGroup.LayoutParams(
+            ViewGroup.LayoutParams.WRAP_CONTENT,
+            ViewGroup.LayoutParams.WRAP_CONTENT
+        )
+        return editText
+    }
+
+    override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any>? {
+        val baseEventTypeConstants = super.getExportedCustomDirectEventTypeConstants()?.toMutableMap()
+        baseEventTypeConstants?.put("topPaste", MapBuilder.of("registrationName", "onPaste"))
+        return baseEventTypeConstants
+    }
+
+    @ReactProp(name = "onPaste", defaultBoolean = false)
+    fun setOnPaste(view: TextInputView, onPaste: Boolean) {
+        if (onPaste) {
+            view.setPasteWatcher(ReactPasteWatcher(view))
+        } else {
+            view.setPasteWatcher(null)
+        }
+    }
+
+    private class ReactPasteWatcher(editText: TextInputView) : PasteWatcher {
+        private val mReactEditText: TextInputView = editText
+        private val mEventDispatcher: EventDispatcher
+        private val mSurfaceId: Int
+
+        init {
+            val reactContext = UIManagerHelper.getReactContext(editText)
+            mEventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, editText.id)!!
+            mSurfaceId = UIManagerHelper.getSurfaceId(reactContext)
+        }
+
+        override fun onPaste(type: String, data: String) {
+            mEventDispatcher.dispatchEvent(
+                TextInputPasteEvent(mSurfaceId, mReactEditText.id, type, data)
+            )
+        }
+    }
+}

package/android/src/newarch/TextInputViewManagerSpec.kt

@@ -0,0 +1,21 @@
+package com.textinput
+
+import android.view.View
+
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ViewManagerDelegate
+import com.facebook.react.viewmanagers.TextInputViewManagerDelegate
+import com.facebook.react.viewmanagers.TextInputViewManagerInterface
+
+abstract class TextInputViewManagerSpec<T : View> : SimpleViewManager<T>(), TextInputViewManagerInterface<T> {
+  private val mDelegate: ViewManagerDelegate<T>
+
+  init {
+    mDelegate = TextInputViewManagerDelegate(this)
+  }
+
+  override fun getDelegate(): ViewManagerDelegate<T>? {
+    return mDelegate
+  }
+}

package/android/src/oldarch/TextInputViewManagerSpec.kt

@@ -0,0 +1,9 @@
+package com.textinput
+
+import android.view.View
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.uimanager.SimpleViewManager
+
+abstract class TextInputViewManagerSpec<T : View> : SimpleViewManager<T>() {
+  abstract fun setColor(view: T?, value: String?)
+}

package/ios/TextInputView.h

@@ -0,0 +1,17 @@
+// This guard prevent this file to be compiled in the old architecture.
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <React/RCTViewComponentView.h>
+#import <UIKit/UIKit.h>
+
+#ifndef TextInputViewNativeComponent_h
+#define TextInputViewNativeComponent_h
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface TextInputView : RCTViewComponentView
+@end
+
+NS_ASSUME_NONNULL_END
+
+#endif /* TextInputViewNativeComponent_h */
+#endif /* RCT_NEW_ARCH_ENABLED */

package/ios/TextInputView.mm

@@ -0,0 +1,60 @@
+#ifdef RCT_NEW_ARCH_ENABLED
+#import "TextInputView.h"
+
+#import <react/renderer/components/RNTextInputViewSpec/ComponentDescriptors.h>
+#import <react/renderer/components/RNTextInputViewSpec/EventEmitters.h>
+#import <react/renderer/components/RNTextInputViewSpec/Props.h>
+#import <react/renderer/components/RNTextInputViewSpec/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+#import "Utils.h"
+
+using namespace facebook::react;
+
+@interface TextInputView () <RCTTextInputViewViewProtocol>
+
+@end
+
+@implementation TextInputView {
+    UIView * _view;
+}
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+    return concreteComponentDescriptorProvider<TextInputViewComponentDescriptor>();
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const TextInputViewProps>();
+    _props = defaultProps;
+
+    _view = [[UIView alloc] init];
+
+    self.contentView = _view;
+  }
+
+  return self;
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+    const auto &oldViewProps = *std::static_pointer_cast<TextInputViewProps const>(_props);
+    const auto &newViewProps = *std::static_pointer_cast<TextInputViewProps const>(props);
+
+    if (oldViewProps.color != newViewProps.color) {
+        NSString * colorToConvert = [[NSString alloc] initWithUTF8String: newViewProps.color.c_str()];
+        [_view setBackgroundColor: [Utils hexStringToColor:colorToConvert]];
+    }
+
+    [super updateProps:props oldProps:oldProps];
+}
+
+Class<RCTComponentViewProtocol> TextInputViewCls(void)
+{
+    return TextInputView.class;
+}
+
+@end
+#endif

package/ios/TextInputViewManager.mm

@@ -0,0 +1,23 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTUIManager.h>
+#import "RCTBridge.h"
+#import "Utils.h"
+
+@interface TextInputViewManager : RCTViewManager
+@end
+
+@implementation TextInputViewManager
+
+RCT_EXPORT_MODULE(TextInputView)
+
+- (UIView *)view
+{
+  return [[UIView alloc] init];
+}
+
+RCT_CUSTOM_VIEW_PROPERTY(color, NSString, UIView)
+{
+  [view setBackgroundColor: [Utils hexStringToColor:json]];
+}
+
+@end

package/ios/Utils.h

@@ -0,0 +1,8 @@
+#ifndef Utils_h
+#define Utils_h
+
+@interface Utils : NSObject
++ hexStringToColor:(NSString *)stringToConvert;
+@end
+
+#endif /* Utils_h */

package/ios/Utils.m

@@ -0,0 +1,26 @@
+#import <Foundation/Foundation.h>
+#import "Utils.h"
+#import <UIKit/UIKit.h>
+
+@implementation Utils
+
++ hexStringToColor:(NSString *)stringToConvert
+{
+    NSString *noHashString = [stringToConvert stringByReplacingOccurrencesOfString:@"#" withString:@""];
+    NSScanner *stringScanner = [NSScanner scannerWithString:noHashString];
+    
+    unsigned hex;
+    if (![stringScanner scanHexInt:&hex]) return nil;
+    int r = (hex >> 16) & 0xFF;
+    int g = (hex >> 8) & 0xFF;
+    int b = (hex) & 0xFF;
+    
+    return [UIColor colorWithRed:r / 255.0f green:g / 255.0f blue:b / 255.0f alpha:1.0f];
+}
+
++ (id)alloc {
+  [NSException raise:@"Cannot be instantiated!" format:@"Static class 'Utils' cannot be instantiated!"];
+  return nil;
+}
+
+@end