v1.1.0 Release (Features and bug fixes)

Author: s-yadav

README.md

@@ -26,7 +26,7 @@ Or get compiled development and production version from ./dist
 | displayType | String: text / input | input | If input it renders a input element where formatting happens as you input characters. If text it renders it as a normal text in a span formatting the given value |
 | format | String : Hash based ex (#### #### #### ####) <br/> Or Function| none | If format given as hash string allow number input inplace of hash. If format given as function, component calls the function with unformatted number and expects formatted number.
 | mask | String (ex : _) | none | If mask defined, component will show non entered placed with masked value.  
-| customInput | Component Reference | input | This allow supporting custom inputs with number format. See details
+| customInput | Component Reference | input | This allow supporting custom inputs with number format.
 | onChange | (e, value) => {} | none | onChange handler accepts event object through which you can get formattedValue (e.targe.value # $2,223)  and second parameter non formatted value (ie: 2223)
 
 **Other than this it accepts all the props which can be given to a input or span based on displayType you selected.**
@@ -111,6 +111,12 @@ All custom input props and number input props are passed together.
 [http://codepen.io/s-yadav/pen/bpKNMa](http://codepen.io/s-yadav/pen/bpKNMa)
 
 ### Major Updates
+### v1.1.0
+- Support custom input
+- Support custom decimal / thousandSeparator
+- Support providing decimal precision
+- Bug fixes ([See release notes](https://github.com/s-yadav/react-number-format/releases))
+
 ### v1.0.0
 - Support decimals
 - Support changing thousandSeparator to ','

karma.conf.js

@@ -15,7 +15,8 @@ module.exports = function (config) {
         webpack: {
             module: {
                 loaders: [
-                    {test: /\.js$/, exclude: /node_modules/, loaders: ['babel']}
+                    {test: /\.js$/, exclude: /node_modules/, loaders: ['babel']},
+                    {test: /\.json$/, loaders: ['json-loader']}
                 ]
             },
             watch: true

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-number-format",
   "description": "React component to format number in an input or as a text.",
-  "version": "1.1.0-alpha2",
+  "version": "1.1.0",
   "main": "lib/number_format.js",
   "author": "Sudhanshu Yadav",
   "license": "MIT",
@@ -40,6 +40,7 @@
     "babel-register": "^6.7.2",
     "classnames": "^2.2.3",
     "cross-env": "^3.1.4",
+    "enzyme": "^2.7.1",
     "eslint": "^2.5.3",
     "eslint-config-standard": "^5.1.0",
     "eslint-loader": "^1.3.0",
@@ -60,7 +61,6 @@
     "karma-webpack": "^1.7.0",
     "material-ui": "^0.16.7",
     "react": "^15.0.1",
-    "react-addons-test-utils": "^15.0.1",
     "react-dom": "^15.0.1",
     "react-transform-hmr": "^1.0.4",
     "webpack": "^1.12.14",

src/number_format.js

@@ -37,7 +37,6 @@ class NumberFormat extends React.Component {
       value: this.formatInput(props.value).formattedValue
     }
     this.onChange = this.onChange.bind(this);
-    this.onInput = this.onInput.bind(this);
     this.onKeyDown = this.onKeyDown.bind(this);
   }
 
@@ -212,9 +211,6 @@ class NumberFormat extends React.Component {
   onChange(e) {
     this.onChangeHandler(e,this.props.onChange);
   }
-  onInput(e) {
-    this.onChangeHandler(e,this.props.onInput);
-  }
   onKeyDown(e) {
     const el = e.target;
     const {selectionStart, selectionEnd, value} = el;
@@ -246,9 +242,8 @@ class NumberFormat extends React.Component {
     });
 
     const inputProps = Object.assign({}, props, {
-      type:'tel',
+      type:'text',
       value:this.state.value,
-      onInput:this.onChange,
       onChange:this.onChange,
       onKeyDown:this.onKeyDown,
     })