fix(atoms): pass onFocus to the input component

8base · Jul 9, 2018 · 0562e9e · 0562e9e
1 parent 6fcd43d
commit 0562e9e
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 1 deletion.
diff --git a/src/atoms/dataEntry/Input/Input.js b/src/atoms/dataEntry/Input/Input.js
@@ -79,6 +79,8 @@ class Input extends PureComponent<InputProps> {
       hideErrorIndicator,
       leftIcon,
       mask,
+      onBlur,
+      onFocus,
       placeholder,
       rightIcon,
       square,
@@ -95,7 +97,9 @@ class Input extends PureComponent<InputProps> {
       hasError,
       hasLeftIcon,
       hasRightIcon,
+      onBlur,
       onChange: this.onChange,
+      onFocus,
       placeholder,
       square,
       type,

diff --git a/src/atoms/dataEntry/InputField/InputField.js b/src/atoms/dataEntry/InputField/InputField.js
@@ -50,9 +50,11 @@ const InputField = ({
   ...rest
   }: InputFieldProps) => {
   const { error, touched } = meta;
-  const { name, value, onChange } = input;
+  const { name, value, onChange, onFocus, onBlur } = input;
   const hasError = !!error && !!touched;
 
+  console.log(hasError, error, touched);
+
   return (
     <FormField label={ label } stretch={ stretch } direction={ direction } hideErrorLabel={ hideErrorLabel } input={ input } meta={ meta }>
       <Input
@@ -63,6 +65,8 @@ const InputField = ({
         maxLength={ maxLength }
         name={ name }
         onChange={ onChange }
+        onFocus={ onFocus }
+        onBlur={ onBlur }
         square={ square }
         value={ value }
       />

diff --git a/src/common/Tag/Tag.js b/src/common/Tag/Tag.js
@@ -43,6 +43,8 @@ const COLLECTED_PROPS = [
   'label',
   'name',
   'onChange',
+  'onBlur',
+  'onFocus',
   'onClick',
   'onDoubleClick',
   'onMouseDown',