few minor features

examples/App.jsx

@@ -214,6 +214,7 @@ export default class App extends Component {
                           title="Please select city"
                           placement="right"
                           showButtons={true}
+                          ignoreDefault={false}
                           options={[
                             {value : 1, text: "Mumbai"},
                             {value : 2, text: "Pune"},
@@ -451,6 +452,7 @@ export default class App extends Component {
                           dataType="select"
                           name={"cityInline"}
                           value={1}
+                          ignoreDefault={false}
                           title="Please select city"
                           options={[
                             {value : 1, text: "Mumbai"},

libs/js/Select.jsx

@@ -14,7 +14,9 @@ export default class Select extends Component {
   }
   setInitialOptions = () => {
     const options = this.props.options;
-    options.unshift({value : "select","text" : "select"});
+    if(!this.props.ignoreDefault) {
+      options.unshift({value : "select","text" : "select"});
+    }
     return options;
   }
   getValue = () =>{
@@ -77,5 +79,6 @@ export default class Select extends Component {
 }
 
 Select.defaultProps = {
-  placeholder : "Enter text"
+  placeholder : "Enter text",
+  ignoreDefault : false
 };

libs/js/Text.jsx

@@ -4,12 +4,20 @@ import {
   FormControl,
   HelpBlock
 } from 'react-bootstrap';
+import ReactDOM from 'react-dom';
+
 export default class Text extends Component {
   constructor(props){
     super(props);
     this.state = {
       value : props.value,
     };
+    this.textField = React.createRef();
+  }
+  componentDidMount() {
+    const node = ReactDOM.findDOMNode(this.textField);
+    node.focus();
+    node.select();
   }
   getValue = () =>{
     return this.state.value;
@@ -35,15 +43,16 @@ export default class Text extends Component {
   render(){
     return (
       <FormGroup controlId="formBasicText" validationState={this.props.validation.type} key={"FormGroup"+this.props.name}>
-        <FormControl
+        <FormControl autoFocus
           key={"form-control"+this.props.name}
           type="text"
           placeholder={this.props.placeholder}
           bsSize="sm"
           value={this.state.value || ''}
           onChange={this.setValue.bind(this)}
           onBlur={this.onBlur.bind(this)}
-          onKeyDown={this.handleKeyDown.bind(this)}
+          onKeyDown={this.handleKeyDown.bind(this)}  
+          inputRef={ref => { this.textField = ref; }}    
         />
         <HelpBlock key={"HelpBlock"+this.props.name}>{this.props.validation.msg}</HelpBlock>
       </FormGroup>

libs/js/Textarea.jsx

@@ -4,13 +4,20 @@ import {
   FormControl,
   HelpBlock
 } from 'react-bootstrap';
+import ReactDOM from 'react-dom';
 
 export default class Textarea extends Component {
   constructor(props){
     super(props);
     this.state = {
       value : props.value,
     };
+    this.textAreaField = React.createRef();
+  }
+  componentDidMount() {
+    const node = ReactDOM.findDOMNode(this.textAreaField);
+    node.focus();
+    node.select();
   }
   getValue = () =>{
     return this.state.value;
@@ -36,7 +43,7 @@ export default class Textarea extends Component {
   render(){
     return (
         <FormGroup controlId="formBasicTextarea" validationState={this.props.validation.type}>
-         <FormControl
+         <FormControl autoFocus
              style={{height: '200px'}}
              componentClass="textarea"
              bsSize="sm"
@@ -45,6 +52,7 @@ export default class Textarea extends Component {
              onChange={this.setValue.bind(this)}
              onBlur={this.onBlur.bind(this)}
              onKeyDown={this.handleKeyDown.bind(this)}
+             inputRef={ref => { this.textAreaField = ref; }}
            />
            <HelpBlock>{this.props.validation.msg}</HelpBlock>
        </FormGroup>