fix: onFocus and onClick in Picklist triggered when it should not

src/components/Picklist/index.js

@@ -167,9 +167,12 @@ class Picklist extends Component {
     }
 
     handleFocus() {
-        const { onFocus, value } = this.props;
-        const eventValue = value || null;
-        onFocus(eventValue);
+        const { isOpen } = this.state;
+        if (!isOpen) {
+            const { onFocus, value } = this.props;
+            const eventValue = value || null;
+            onFocus(eventValue);
+        }
     }
 
     handleBlur() {
@@ -185,7 +188,6 @@ class Picklist extends Component {
         const { label, name, icon, value } = option;
         this.closeMenu();
         setTimeout(() => {
-            this.focus();
             return onChange({ label, name, icon, value });
         }, 0);
     }

src/components/Picklist/readme.md

@@ -22,6 +22,8 @@ const initialState = { value: { name: 'option 3', label: 'Central Park' } };
                     onChange={value => setState({ value })}
                     value={state.value}
                     label="Select Building"
+                    onClick={() => console.log('click')}
+                    onFocus={() => console.log('focus')}
                     hideLabel
                 >
                     <Option name="header" label="Your Buildings" variant="header" />