Støtte for onBlur i dropdown react komponent

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.3.0
+
+* Added onBlur support
+
 ## 2.2.0
 
 * Relaxing the peer dependency on `ffe-form` to allow both 1.x and 2.x

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ffe-dropdown-react",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "main": "lib/dropdown.js",
   "scripts": {
     "build": "babel -d lib/. --ignore=*.test.js src/. && npm run example",

src/dropdown.js

@@ -12,6 +12,7 @@ function Dropdown({
     className = '',
     label,
     onChange,
+    onBlur,
     selectedValue,
     defaultValue,
     children,
@@ -31,6 +32,7 @@ function Dropdown({
                         className={`ffe-dropdown ${className}`}
                         id={ domId }
                         onChange={ onChange }
+                        onBlur={ onBlur }
                         value={ selectedValue }
                         defaultValue={ defaultValue }
                         aria-invalid={ invalid }
@@ -54,6 +56,7 @@ Dropdown.propTypes = {
     id: PropTypes.string,
     label: PropTypes.string,
     onChange: PropTypes.func.isRequired,
+    onBlur: PropTypes.func,
     selectedValue: PropTypes.string,
     defaultValue: PropTypes.string,
     children: PropTypes.array,

src/dropdown.test.js

@@ -34,6 +34,13 @@ describe('<Dropdown />', () => {
         assert.equal(spy.calledOnce, true);
     });
 
+    it('should call the passed function on blur', () => {
+    const spy = sinon.spy();
+    const wrapper = shallow(createDropdown({ onBlur: spy }));
+    wrapper.find('select').simulate('blur');
+    assert.equal(spy.calledOnce, true);
+    });
+
     it('should apply the same id to <label> and <select>', () => {
         const wrapper = shallow(Example);