Native transaction list and configurable clickable view

.gitattributes

@@ -1 +1 @@
-*.pbxproj -text
+*.pbxproj -text merge=union

ios/Button.swift

@@ -0,0 +1,74 @@
+//
+//  Button.swift
+//  Rainbow
+//
+//  Created by Alexey Kureev on 16/01/2020.
+//
+
+class Button : RCTView {
+  @objc lazy var onPress: RCTBubblingEventBlock = { _ in }
+  @objc lazy var onPressStart: RCTBubblingEventBlock = { _ in }
+  @objc lazy var onLongPress: RCTBubblingEventBlock? = nil;
+  @objc var disabled: Bool = false {
+    didSet {
+      isUserInteractionEnabled = !disabled
+      alpha = disabled ? 0.3 : 1.0
+    }
+  }
+  @objc var duration: TimeInterval = 0.15
+  @objc var scaleTo: CGFloat = 0.97
+  @objc var enableHapticFeedback: Bool = true
+  @objc var hapticType: String = "selection"
+  @objc var minLongPressDuration: TimeInterval = 0.5 {
+    didSet {
+      if longPress != nil {
+        longPress!.minimumPressDuration = minLongPressDuration
+      }
+    }
+  }
+
+  @objc func onLongPressHandler(_ sender: UIGestureRecognizer? = nil) {
+    if sender != nil {
+      switch sender!.state {
+      case .began:
+        onLongPress!([:])
+      default: break
+      }
+    }
+  }
+
+  var longPress: UILongPressGestureRecognizer? = nil
+
+  override init(frame: CGRect) {
+    super.init(frame: frame)
+
+    if (onLongPress != nil) {
+      longPress = UILongPressGestureRecognizer(target: self, action: #selector(onLongPressHandler(_:)))
+      addGestureRecognizer(longPress!)
+    }
+    isUserInteractionEnabled = true
+  }
+
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) has not been implemented")
+  }
+
+  override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
+    animateTapStart(
+      duration: duration,
+      options: .curveEaseOut,
+      scale: scaleTo,
+      useHaptic: enableHapticFeedback ? hapticType: nil
+    )
+    onPressStart([:])
+  }
+
+  override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
+    animateTapEnd(duration: duration, options: .curveEaseOut, scale: scaleTo)
+    onPress([:])
+  }
+
+  override func touchesCancelled(_ touches: Set<UITouch>, with event: UIEvent?) {
+    animateTapEnd(duration: duration, options: .curveEaseOut, scale: scaleTo)
+  }
+}

ios/ButtonManager.m

@@ -0,0 +1,22 @@
+//
+//  ButtonManager.m
+//  Rainbow
+//
+//  Created by Alexey Kureev on 16/01/2020.
+//
+
+#import "React/RCTViewManager.h"
+
+@interface RCT_EXTERN_MODULE(ButtonManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(onPress, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPressStart, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onLongPress, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(disabled, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(duration, NSTimeInterval)
+RCT_EXPORT_VIEW_PROPERTY(enableHapticFeedback, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(hapticType, NSString)
+RCT_EXPORT_VIEW_PROPERTY(minLongPressDuration, NSTimeInterval)
+RCT_EXPORT_VIEW_PROPERTY(scaleTo, CGFloat)
+
+@end 

ios/ButtonManager.swift

@@ -0,0 +1,13 @@
+//
+//  ButtonManager.swift
+//  Rainbow
+//
+//  Created by Alexey Kureev on 17/01/2020.
+//
+
+@objc(ButtonManager)
+final class ButtonManager: RCTViewManager {
+  override func view() -> UIView! {
+    return Button()
+  }
+}

ios/Extensions.swift

@@ -0,0 +1,73 @@
+//
+//  Extensions.swift
+//  Rainbow
+//
+//  Created by Alexey Kureev on 13/01/2020.
+//
+
+fileprivate func generateHapticFeedback(_ hapticEffect: String) {
+  switch hapticEffect {
+  case "error":
+    let generator = UINotificationFeedbackGenerator()
+    generator.notificationOccurred(.error)
+
+  case "success":
+    let generator = UINotificationFeedbackGenerator()
+    generator.notificationOccurred(.success)
+
+  case "warning":
+    let generator = UINotificationFeedbackGenerator()
+    generator.notificationOccurred(.warning)
+
+  case "light":
+      let generator = UIImpactFeedbackGenerator(style: .light)
+      generator.impactOccurred()
+
+  case "medium":
+      let generator = UIImpactFeedbackGenerator(style: .medium)
+      generator.impactOccurred()
+
+  case "heavy":
+      let generator = UIImpactFeedbackGenerator(style: .heavy)
+      generator.impactOccurred()
+  default:
+    let generator = UISelectionFeedbackGenerator()
+    generator.selectionChanged()
+  }
+}
+
+extension UIView {
+  static func fromNib<T: UIView>() -> T {
+    return Bundle(for: T.self).loadNibNamed(String(describing: T.self), owner: nil, options: nil)![0] as! T
+  }
+
+  func animateQuickTap(
+    duration: TimeInterval = 0.15,
+    options: UIView.AnimationOptions = .curveEaseInOut,
+    scale: CGFloat = 0.97
+  ) {
+    UIView.animate(withDuration: duration, delay: 0, options: [options, .autoreverse], animations: {
+      self.transform = CGAffineTransform(scaleX: scale, y: scale)
+    })
+  }
+
+  func animateTapStart(
+    duration: TimeInterval = 0.15,
+    options: UIView.AnimationOptions = .curveEaseInOut,
+    scale: CGFloat = 0.97,
+    useHaptic: String? = nil
+  ) {
+    if useHaptic != nil {
+      generateHapticFeedback(useHaptic!)
+    }
+    UIView.animate(withDuration: duration, delay: 0, options: options, animations: {
+      self.transform = CGAffineTransform(scaleX: scale, y: scale)
+    })
+  }
+
+  func animateTapEnd(duration: TimeInterval = 0.15, options: UIView.AnimationOptions = .curveEaseInOut, scale: CGFloat = 0.97) {
+    UIView.animate(withDuration: duration, delay: 0, usingSpringWithDamping: 0.3, initialSpringVelocity: 10.0, options: options, animations: {
+      self.transform = .identity
+    })
+  }
+}

ios/Podfile

@@ -25,12 +25,12 @@ target 'Rainbow' do
   pod 'React-RCTText', :path => '../node_modules/react-native/Libraries/Text'
   pod 'React-RCTVibration', :path => '../node_modules/react-native/Libraries/Vibration'
   pod 'React-Core/RCTWebSocket', :path => '../node_modules/react-native/'
-  
+
   pod 'React-cxxreact', :path => '../node_modules/react-native/ReactCommon/cxxreact'
   pod 'React-jsi', :path => '../node_modules/react-native/ReactCommon/jsi'
   pod 'React-jsiexecutor', :path => '../node_modules/react-native/ReactCommon/jsiexecutor'
   pod 'React-jsinspector', :path => '../node_modules/react-native/ReactCommon/jsinspector'
- 
+
   # React Third Party - required
   pod 'ReactCommon/callinvoker', :path => "../node_modules/react-native/ReactCommon"
   pod 'ReactCommon/turbomodule/core', :path => "../node_modules/react-native/ReactCommon"