feat(autocomplete): added isActive to state. (#1190)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nukleus",
-  "version": "15.1.6",
+  "version": "15.1.7",
   "description": "Shared components repo for kununu projects",
   "main": "dist/components/index.js",
   "repository": {

src/components/Autocomplete/index.jsx

@@ -86,6 +86,7 @@ export default class Autocomplete extends React.Component {
 
   state = {
     hasInitialized: false,
+    isActive: this.props.autoFocus || false, // eslint-disable-line react/destructuring-assignment, react/no-unused-state
     showError: false,
     showNoSuggestionsText: false,
     suggestions: this.props.data.items || [], // eslint-disable-line react/destructuring-assignment
@@ -134,7 +135,7 @@ export default class Autocomplete extends React.Component {
   onFocus = (ev) => {
     const {onFocus} = this.props;
 
-    this.setState({showNoSuggestionsText: true});
+    this.setState({isActive: true, showNoSuggestionsText: true}); // eslint-disable-line react/no-unused-state
 
     // Prevents autoscroll if element is not
     // in the DOM
@@ -149,7 +150,7 @@ export default class Autocomplete extends React.Component {
     const {onBlur} = this.props;
 
     this.hideNoSuggestionsText();
-    this.setState({hasInitialized: false});
+    this.setState({hasInitialized: false, isActive: false}); // eslint-disable-line react/no-unused-state
     onBlur(ev);
   }
 

src/components/Autocomplete/story.js

@@ -42,7 +42,7 @@ storiesOf('Autocomplete', module)
           </h3>
 
           <Autocomplete
-            autofocus
+            autoFocus
             data={staticData}
             id="autocompletes"
             label={text('label', 'Autocomplete')}

tests/Autocomplete.test.jsx

@@ -179,6 +179,28 @@ test('Bluring an Autocomplete calls the onBlur Event', () => {
   expect(spyFunc.mock.calls.length).toBe(1);
 });
 
+test('Focus/Blur an Autocomplete sets isActive properly', () => {
+  const component = mount(staticAutocomplete);
+
+  expect(component.state().isActive).toEqual(false);
+  component.find('input').simulate('focus');
+  expect(component.state().isActive).toEqual(true);
+  component.find('input').simulate('blur');
+  expect(component.state().isActive).toEqual(false);
+});
+
+test('Passing autofocus initializes isActive with true', () => {
+  const component = mount(<Autocomplete
+    autoFocus
+    data={{items: []}}
+    id="autocompletes"
+    label="Autocomplete"
+    name="autocomplete"
+  />);
+
+  expect(component.state().isActive).toEqual(true);
+});
+
 test('Changing an Autocomplete calls the onChange Event', () => {
   const spyFunc = jest.fn();
   const component = mount(<Autocomplete