Merge branch 'master' of https://github.com/dhavalrajani92/react-floating-label-paper-input

# Conflicts:
#	package.json

Author: Dhaval Rajani

.gitignore

@@ -1,4 +1,3 @@
 # dependencies
 node_modules/
-.idea/
-dist/
+.idea/

README.md

@@ -4,7 +4,7 @@
 ```npm install react-floating-label-paper-input --save```
 
 ## Demo
-Coming Soon
+[Demo](http://react-floating-label-paper-input.surge.sh/)
 
 ### Properties
 
@@ -35,7 +35,7 @@ If you are passing `type="select"` then this options need to pass a props to dis
 
 ```
 import React,{Component} from "react"
-import FloatingLabel from "react-floating-label-paper-input"
+import FloatingLabelInput from "react-floating-label-paper-input"; 
 
 class FloatingLabelTextExample extends Component{
     constructor(props){
@@ -59,7 +59,7 @@ class FloatingLabelTextExample extends Component{
         });
     }
     render(){
-        retuen(
+        return(
             <FloatingLabelInput type={"text"} labelName={"firstname"} onChange={(e) => {e.preventDefault();this.handleForm("firstname", e.currentTarget.value)}} name={"firstname"} value={this.state.formData.firstname ? this.state.formData.firstname : ""} isValid={this.isValid('firstname')} errorMessage={this.getValidationMessages('firstname')} />
         )
     }
@@ -71,7 +71,7 @@ export default FloatingLabelTextExample;
 #### For more info about props using inputMask [InputMask](https://github.com/sanniassin/react-input-mask)
 ```
 import React,{Component} from "react"
-import FloatingLabel from "react-floating-label-paper-input"
+import FloatingLabelInput from "react-floating-label-paper-input"; 
 
 class FloatingLabelInputMaskExample extends Component{
     constructor(props){
@@ -105,7 +105,7 @@ export default FloatingLabelInputMaskExample;
 ## Example `type=select`
 ```
 import React,{Component} from "react"
-import FloatingLabel from "react-floating-label-paper-input"
+import FloatingLabelInput from "react-floating-label-paper-input"; 
 
 class FloatingLabelInputMaskExample extends Component{
     constructor(props){

_config.yml

@@ -73,11 +73,11 @@ config.module.rules.push({
 });
 config.module.rules.push({
     test: /\.scss$/,
-    loaders: ["style-loader", "css-loader", 'resolve-url-loader', "sass-loader"]
+    loaders: ["style-loader","css-loader", 'resolve-url-loader', "sass-loader"]
 });
 config.module.rules.push({
     test: /\.sass$/,
-    loaders: ["style-loader", "css-loader", 'resolve-url-loader', "sass-loader"]
+    loaders: ["style-loader","css-loader", 'resolve-url-loader', "sass-loader"]
 });
 
 config.module.rules.push({
@@ -136,7 +136,7 @@ if (__DEV__) {
 }
 
 
-/*if (__PROD__) {
+if (__PROD__) {
     config.plugins.push(
         new webpack.LoaderOptionsPlugin({
             minimize: true,
@@ -159,5 +159,5 @@ if (__DEV__) {
             },
         })
     )
-}*/
+}
 module.exports = config

build/webpack.config.js

@@ -1,7 +1,7 @@
 {
   "name": "react-floating-label-paper-input",
   "description": "Material design floating label paper input",
-  "version": "0.4.0",
+  "version": "1.0.2",
   "license": "MIT",
   "author": "Dhaval Rajani <dhaval.rajani92@gmail.com>",
   "keywords": [

dist/index.js

@@ -1,4 +1,3 @@
-import "babel-polyfill";
 import React, { Component } from "react";
 import Immutable from "immutable";
 import InputMask from 'react-input-mask';
@@ -105,13 +104,13 @@ class FloatingLabelInput extends Component {
         } else {
             return (
                 <div className={this.state.classes.join(" ")}>
-                    <label className="control-label" htmlFor="default">{labelName ? labelName : "Default Label"}</label>
+                    <label className="control-label">{labelName ? labelName : "Default Label"}</label>
                     {this.props.type && this.props.type === "inputMask" ?
                         <InputMask type={inputMaskType || "text"} placeholder={this.state.placeholder} {...props}
                                    onFocus={this.handleOnFocus} onBlur={this.handleOnFocusOut} ref={(input) => {
                             this.inputs = input
                         }} className={this.state.inputClasses.join(" ")}/> :
-                        <input id={"default"} {...props} onFocus={this.handleOnFocus} onBlur={this.handleOnFocusOut}
+                        <input {...props} onFocus={this.handleOnFocus} onBlur={this.handleOnFocusOut}
                                ref={(input) => {
                                    this.inputs = input
                                }} className={this.state.inputClasses.join(" ")} type={this.props.type || "text"}/>}