merge

src/components/inputs/Input/index.js

@@ -155,12 +155,8 @@ class Input extends PureComponent {
 
     render() {
         return (
-            <Wrapper
-                className={this.props.className}
-            >
-                {this.props.topLabel && (
-                    <TopLabel>{this.props.topLabel}</TopLabel>
-                )}
+            <Wrapper className={this.props.className}>
+                {this.props.topLabel && <TopLabel>{this.props.topLabel}</TopLabel>}
                 <InputWrapper>
                     <InputIconWrapper>
                         {this.props.state && (
@@ -172,12 +168,9 @@ class Input extends PureComponent {
                         <Overlay isPartiallyHidden={this.props.isPartiallyHidden} />
                         {this.props.icon}
                         <StyledInput
-                            isSmallText={this.props.isSmallText}
-                            trezorAction={this.props.trezorAction}
                             hasIcon={this.getIcon(this.props.state).length > 0}
                             innerRef={this.props.innerRef}
                             hasAddon={!!this.props.sideAddons}
-                            type={this.props.type}
                             color={this.getColor(this.props.state)}
                             placeholder={this.props.placeholder}
                             autocomplete={this.props.autocomplete}
@@ -185,13 +178,13 @@ class Input extends PureComponent {
                             autocapitalize={this.props.autocapitalize}
                             spellCheck={this.props.spellCheck}
                             value={this.props.value}
-                            readOnly={this.props.readOnly}
                             onChange={this.props.onChange}
                             onClick={this.props.autoSelect ? event => event.target.select() : null}
                             borderColor={this.getColor(this.props.state)}
                             disabled={this.props.isDisabled}
                             name={this.props.name}
                             data-lpignore="true"
+                            {...this.props}
                         />
                         <TrezorAction action={this.props.trezorAction}>
                             <ArrowUp />{this.props.trezorAction}
@@ -200,9 +193,7 @@ class Input extends PureComponent {
                     {this.props.sideAddons && this.props.sideAddons.map(sideAddon => sideAddon)}
                 </InputWrapper>
                 {this.props.bottomText && (
-                    <BottomText
-                        color={this.getColor(this.props.state)}
-                    >
+                    <BottomText color={this.getColor(this.props.state)}>
                         {this.props.bottomText}
                     </BottomText>
                 )}
@@ -238,6 +229,7 @@ Input.propTypes = {
 
 Input.defaultProps = {
     type: 'text',
+    autocomplete: false,
     autoSelect: false,
 };