From 5a29ce732f98c824df70c4faf7b28c160f5dd1bc Mon Sep 17 00:00:00 2001
From: Nishan Bajracharya <nishanbajracharya@lftechnology.com>
Date: Tue, 10 Jul 2018 14:46:38 +0545
Subject: [PATCH 1/2] Add props to show wrapper class name and label component

---
 src/components/input/index.js    | 7 +++++--
 src/components/select/index.js   | 7 +++++--
 src/components/textarea/index.js | 7 +++++--
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/input/index.js b/src/components/input/index.js
index 47f71a4..59489da 100644
--- a/src/components/input/index.js
+++ b/src/components/input/index.js
@@ -2,16 +2,19 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import control from '../../hocs/control';
 
-const Input = ({ error, isChanged, isUsed, ...props }) => (
-  <div>
+const Input = ({ error, isChanged, isUsed, wrapperClassName, labelComponent, ...props }) => (
+  <div className={wrapperClassName}>
     <input {...props} {...( isChanged && isUsed && error ? {
       className: `is-invalid-input ${props.className}`
     } : { className: props.className } )} />
     {isChanged && isUsed && error}
+    {labelComponent}
   </div>
 );
 
 Input.propTypes = {
+  labelComponent: PropTypes.node,
+  wrapperClassName: PropTypes.string,
   error: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
 };
 
diff --git a/src/components/select/index.js b/src/components/select/index.js
index 3478468..76c4a73 100644
--- a/src/components/select/index.js
+++ b/src/components/select/index.js
@@ -2,14 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import control from '../../hocs/control';
 
-const Select = ({ error, isChanged, isUsed, ...props }) => (
-  <div>
+const Select = ({ error, isChanged, isUsed, wrapperClassName, labelComponent, ...props }) => (
+  <div className={wrapperClassName}>
     <select {...props} />
     {isChanged && isUsed && error}
+    {labelComponent}
   </div>
 );
 
 Select.propTypes = {
+  labelComponent: PropTypes.node,
+  wrapperClassName: PropTypes.string,
   error: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
 };
 
diff --git a/src/components/textarea/index.js b/src/components/textarea/index.js
index 93bc26a..5c85cc5 100644
--- a/src/components/textarea/index.js
+++ b/src/components/textarea/index.js
@@ -2,14 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import control from '../../hocs/control';
 
-const Textarea = ({ error, isChanged, isUsed, ...props }) => (
-  <div>
+const Textarea = ({ error, isChanged, isUsed, wrapperClassName, labelComponent, ...props }) => (
+  <div className={wrapperClassName}>
     <textarea {...props} />
     {isChanged && isUsed && error}
+    {labelComponent}
   </div>
 );
 
 Textarea.propTypes = {
+  labelComponent: PropTypes.node,
+  wrapperClassName: PropTypes.string,
   error: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
 };
 

From 719e123a39c09d6ed277a857c42c19daad05f3cd Mon Sep 17 00:00:00 2001
From: Nishan Bajracharya <nishanbajracharya@lftechnology.com>
Date: Mon, 16 Jul 2018 09:21:08 +0545
Subject: [PATCH 2/2] Move labelComponent above the input elements

---
 src/components/input/index.js    | 2 +-
 src/components/select/index.js   | 2 +-
 src/components/textarea/index.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/input/index.js b/src/components/input/index.js
index 59489da..893fb0e 100644
--- a/src/components/input/index.js
+++ b/src/components/input/index.js
@@ -4,11 +4,11 @@ import control from '../../hocs/control';
 
 const Input = ({ error, isChanged, isUsed, wrapperClassName, labelComponent, ...props }) => (
   <div className={wrapperClassName}>
+    {labelComponent}
     <input {...props} {...( isChanged && isUsed && error ? {
       className: `is-invalid-input ${props.className}`
     } : { className: props.className } )} />
     {isChanged && isUsed && error}
-    {labelComponent}
   </div>
 );
 
diff --git a/src/components/select/index.js b/src/components/select/index.js
index 76c4a73..dbebbf4 100644
--- a/src/components/select/index.js
+++ b/src/components/select/index.js
@@ -4,9 +4,9 @@ import control from '../../hocs/control';
 
 const Select = ({ error, isChanged, isUsed, wrapperClassName, labelComponent, ...props }) => (
   <div className={wrapperClassName}>
+    {labelComponent}
     <select {...props} />
     {isChanged && isUsed && error}
-    {labelComponent}
   </div>
 );
 
diff --git a/src/components/textarea/index.js b/src/components/textarea/index.js
index 5c85cc5..8f41ee3 100644
--- a/src/components/textarea/index.js
+++ b/src/components/textarea/index.js
@@ -4,9 +4,9 @@ import control from '../../hocs/control';
 
 const Textarea = ({ error, isChanged, isUsed, wrapperClassName, labelComponent, ...props }) => (
   <div className={wrapperClassName}>
+    {labelComponent}
     <textarea {...props} />
     {isChanged && isUsed && error}
-    {labelComponent}
   </div>
 );