feat(callbacks): Added additional callbacks

Added onFiltered, onClose, onOpen callbacks

closes #4

src/Picky.js

@@ -123,15 +123,32 @@ class Picky extends React.Component {
     const filteredOptions = this.props.options.filter(option =>
       String(option).includes(value)
     );
-    this.setState({
-      filtered: true,
-      filteredOptions
-    });
+    this.setState(
+      {
+        filtered: true,
+        filteredOptions
+      },
+      () => {
+        if (this.props.onFiltered) {
+          this.props.onFiltered(filteredOptions);
+        }
+      }
+    );
   }
   toggleDropDown() {
-    this.setState({
-      open: !this.state.open
-    });
+    this.setState(
+      {
+        open: !this.state.open
+      },
+      () => {
+        const isOpen = this.state.open;
+        if (isOpen && this.props.onOpen) {
+          this.props.onOpen();
+        } else if (!isOpen && this.props.onClose) {
+          this.props.onClose();
+        }
+      }
+    );
   }
   render() {
     const {
@@ -216,7 +233,10 @@ Picky.propTypes = {
   includeSelectAll: PropTypes.bool,
   includeFilter: PropTypes.bool,
   filterDebounce: PropTypes.number,
-  dropdownHeight: PropTypes.number
+  dropdownHeight: PropTypes.number,
+  onFiltered: PropTypes.func,
+  onOpen: PropTypes.func,
+  onClose: PropTypes.func
 };
 
 export default Picky;

tests/Picky.test.js

@@ -237,4 +237,60 @@ describe('Picky', () => {
       expect(wrapper.state('filteredOptions')).toEqual([1]);
     });
   });
+
+  describe('Callbacks', () => {
+    it('should call onFiltered callback', () => {
+      const onFilteredMock = jest.fn();
+      const wrapper = mount(
+        <Picky
+          options={[1, 2, 3, 4]}
+          value={[]}
+          multiple={true}
+          filterDebounce={0}
+          open={true}
+          includeFilter={true}
+          onFiltered={onFilteredMock}
+        />
+      );
+
+      const event = { target: { value: '1' } };
+      wrapper.find('.picky__filter__input').simulate('change', event);
+      expect(onFilteredMock).toHaveBeenCalledWith([1]);
+    });
+
+    it('should call onOpen', () => {
+      const onOpenMock = jest.fn();
+      const wrapper = mount(
+        <Picky
+          options={[1, 2, 3, 4]}
+          value={[]}
+          multiple={true}
+          filterDebounce={0}
+          open={false}
+          includeFilter={true}
+          onOpen={onOpenMock}
+        />
+      );
+
+      wrapper.find('.picky__input').simulate('click');
+      expect(onOpenMock).toHaveBeenCalled();
+    });
+    it('should call onClose', () => {
+      const onCloseMock = jest.fn();
+      const wrapper = mount(
+        <Picky
+          options={[1, 2, 3, 4]}
+          value={[]}
+          multiple={true}
+          filterDebounce={0}
+          open={true}
+          includeFilter={true}
+          onClose={onCloseMock}
+        />
+      );
+
+      wrapper.find('.picky__input').simulate('click');
+      expect(onCloseMock).toHaveBeenCalled();
+    });
+  });
 });