From f33bb3e2fd8ba1cc30dac11017f26ba82c26a82d Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Tue, 29 May 2018 16:24:44 -0230
Subject: [PATCH] Stop using external NumericInput component.

---
 package-lock.json                          | 17 +++++++++++-----
 package.json                               |  1 -
 ui/app/components/send/currency-display.js | 23 ++++++++++++++--------
 3 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index aa26a41eb..cfaf18be6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25228,11 +25228,6 @@
         }
       }
     },
-    "react-numeric-input": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/react-numeric-input/-/react-numeric-input-2.2.3.tgz",
-      "integrity": "sha1-S/WRjD6v7YUagN8euZLZQQArtVI="
-    },
     "react-onclickoutside": {
       "version": "6.7.1",
       "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-6.7.1.tgz",
@@ -26441,6 +26436,18 @@
             "object-assign": "4.1.1"
           }
         },
+        "react": {
+          "version": "15.6.2",
+          "resolved": "https://registry.npmjs.org/react/-/react-15.6.2.tgz",
+          "integrity": "sha1-26BDSrQ5z+gvEI8PURZjkIF5qnI=",
+          "requires": {
+            "create-react-class": "15.6.2",
+            "fbjs": "0.8.16",
+            "loose-envify": "1.3.1",
+            "object-assign": "4.1.1",
+            "prop-types": "15.6.1"
+          }
+        },
         "react-hyperscript": {
           "version": "2.4.2",
           "resolved": "https://registry.npmjs.org/react-hyperscript/-/react-hyperscript-2.4.2.tgz",
diff --git a/package.json b/package.json
index bf7e3b165..b02957a65 100644
--- a/package.json
+++ b/package.json
@@ -163,7 +163,6 @@
     "react-dom": "^15.6.2",
     "react-hyperscript": "^3.0.0",
     "react-markdown": "^3.0.0",
-    "react-numeric-input": "^2.2.3",
     "react-redux": "^5.0.5",
     "react-router-dom": "^4.2.2",
     "react-select": "^1.0.0",
diff --git a/ui/app/components/send/currency-display.js b/ui/app/components/send/currency-display.js
index b98ebee09..60032bca4 100644
--- a/ui/app/components/send/currency-display.js
+++ b/ui/app/components/send/currency-display.js
@@ -4,7 +4,6 @@ const inherits = require('util').inherits
 const { conversionUtil, multiplyCurrencies } = require('../../conversion-util')
 const currencyFormatter = require('currency-formatter')
 const currencies = require('currency-formatter/currencies')
-const NumericInput = require('react-numeric-input')
 
 module.exports = CurrencyDisplay
 
@@ -92,6 +91,7 @@ CurrencyDisplay.prototype.getConvertedValueToRender = function (nonFormattedValu
 }
 
 CurrencyDisplay.prototype.handleChange = function (newVal) {
+  console.log(`%^ 95 newVal`, newVal);
   this.setState({ valueToRender: newVal })
   this.props.onChange(this.getAmount(newVal))
 }
@@ -124,27 +124,34 @@ CurrencyDisplay.prototype.render = function () {
     style: {
       borderColor: inError ? 'red' : null,
     },
-    onClick: () => this.currencyInput && this.currencyInput.focus(),
+    onClick: () => {
+      this.currencyInput && this.currencyInput.focus()
+    },
   }, [
 
     h('div.currency-display__primary-row', [
 
       h('div.currency-display__input-wrapper', [
 
-        h(NumericInput, {
+        h('input', {
           className: primaryBalanceClassName,
           value: `${valueToRender}`,
-          placeholder: `0 ${primaryCurrency}`,
+          placeholder: '0',
+          type: 'number',
           readOnly,
           ...(!readOnly ? {
-            onChange: e => this.handleChange(e),
+            onChange: e => this.handleChange(e.target.value),
             onBlur: () => onBlur(this.getAmount(valueToRender)),
           } : {}),
-          style: false,
-          format: num => `${num} ${primaryCurrency}`,
-          parse: stringWithCurrency => stringWithCurrency && stringWithCurrency.match(/^([.\d]+)/)[1],
+          ref: input => { this.currencyInput = input },
+          style: {
+            width: this.getInputWidth(valueToRender, readOnly),
+          },
+          min: 0,
         }),
 
+        h('span.currency-display__currency-symbol', primaryCurrency),
+
       ]),
 
     ]),