diff --git a/dist/index.js b/dist/index.js
index e422148..45ad83c 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1 +1 @@
-"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),isEqual=_interopDefault(require("lodash.isequal"));function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var l=0;l<t.length;l++){var r=t[l];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,l){return t&&_defineProperties(e.prototype,t),l&&_defineProperties(e,l),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,l=new Array(e.length);t<e.length;t++)l[t]=e[t];return l}}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var debounce=function(l,r){var i=null;return function(){clearTimeout(i);var e=arguments,t=this;i=setTimeout(function(){l.apply(t,e)},r)}},includes=function(e,t){return-1<String(e).toLowerCase().indexOf(String(t).toLowerCase())},isDataObject=function(e,t,l){return"object"===_typeof(e)&&e.hasOwnProperty(t)&&e.hasOwnProperty(l)},generateGuid=function(){function e(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()},hasItem=function(e,t,l,r,i){if(!e||!t)return!1;if(Array.isArray(e)){if(isDataObject(t,l,r)){var n=e.findIndex(function(e){return e[l]===t[l]});return i?n:-1<n}var s=e.indexOf(t);return i?s:-1<s}return isDataObject(t,l,r)?e[l]===t[l]:e===t},hasItemIndex=function(e,t,l,r){return hasItem(e,t,l,r,!0)},keyExtractor=function(e,t,l){return isDataObject(e,t,l)?e[t]:e};function split(e){var t=1,l="",r=e.split("%"),i=r.length;0<i&&(l+=r[0]);for(var n=1;n<i;n++){if("s"===r[n][0]||"d"===r[n][0]){var s=arguments[t++];l+="d"===r[n][0]?Math.floor(s):s}else r[n][0]?l+="%"+r[n][0]:l+="%"+r[++n][0];l+=r[n].substring(1)}return l}var regex=/%[sdj]/;function format(e){return regex.test(e)?split.apply(null,arguments):Array.from(arguments).join(" ")}var isEmptyValue=function(e){return null==e||Array.isArray(e)&&!e.length},Placeholder=function(e){function t(e){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).call(this,e))}return _inherits(t,React__default.PureComponent),_createClass(t,[{key:"render",value:function(){var e=this.props,t=e.placeholder,l=e.value,r=e.numberDisplayed,i=e.multiple,n=e.valueKey,s=e.labelKey,a=e.manySelectedPlaceholder,o=e.allSelectedPlaceholder,p=e.allSelected,c="";if(isEmptyValue(this.props.value))c=t;else if(Array.isArray(l)&&i)l.length<=r?c=l.map(function(e){return isDataObject(e,n,s)?e[s]:e}).join(", "):a&&!p?c=includes(a,"%s")?format(a,l.length):a:p&&o&&(c=includes(o,"%s")?format(o,l.length):o);else{var u=Array.isArray(l)?l[0]:l;c=isDataObject(u,n,s)?u[s]:u}return React__default.createElement("span",{className:"picky__placeholder","data-testid":"picky_placeholder"},c)}}]),t}();Placeholder.defaultProps={placeholder:"None selected",allSelectedPlaceholder:"%s selected",manySelectedPlaceholder:"%s selected",allSelected:!1},Placeholder.propTypes={placeholder:PropTypes.string,value:PropTypes.oneOfType([PropTypes.array,PropTypes.string,PropTypes.number,PropTypes.object]),numberDisplayed:PropTypes.number,multiple:PropTypes.bool,valueKey:PropTypes.string,labelKey:PropTypes.string,manySelectedPlaceholder:PropTypes.string,allSelectedPlaceholder:PropTypes.string,allSelected:PropTypes.bool};var Filter=function(e){function l(e){var t;return _classCallCheck(this,l),(t=_possibleConstructorReturn(this,_getPrototypeOf(l).call(this,e))).state={filterTerm:""},t.onFilterChange=t.onFilterChange.bind(_assertThisInitialized(_assertThisInitialized(t))),t}return _inherits(l,React.Component),_createClass(l,[{key:"onFilterChange",value:function(e){var t=this,l=e.target.value;this.setState({filterTerm:l},function(){t.props.onFilterChange(l)})}},{key:"render",value:function(){var t=this;return React__default.createElement("div",{className:"picky__filter"},React__default.createElement("input",{type:"text",ref:function(e){return t.filterInput=e},className:"picky__filter__input","data-testid":"picky__filter__input",placeholder:"Filter...",tabIndex:this.props.tabIndex,"aria-label":"filter options",value:this.state.filterTerm,onChange:this.onFilterChange}))}}]),l}();Filter.propTypes={onFilterChange:PropTypes.func.isRequired,tabIndex:PropTypes.number};var Option=function(e){var t=e.id,l=e.item,r=e.isSelected,i=e.labelKey,n=e.valueKey,s=e.selectValue,a=e.style,o=e.multiple,p=e.tabIndex,c=r?"option selected":"option",u=isDataObject(l,i,n)?l[i]:l,d=o?"checkbox":"radio";return React__default.createElement("div",{tabIndex:p,id:t,role:"option",style:a,"data-testid":"option","data-selected":r?"selected":"","aria-selected":r,className:c,onClick:function(){return s(l)},onKeyPress:function(e){e.preventDefault(),s(l)}},React__default.createElement("input",{type:d,readOnly:!0,tabIndex:-1,checked:r,"aria-label":u,"data-testid":"option-checkbox"}),u)};Option.propTypes={isSelected:PropTypes.bool,valueKey:PropTypes.string,labelKey:PropTypes.string,id:PropTypes.string,item:PropTypes.oneOfType([PropTypes.string,PropTypes.number,PropTypes.object]).isRequired,style:PropTypes.object,selectValue:PropTypes.func.isRequired,multiple:PropTypes.bool,tabIndex:PropTypes.oneOfType([PropTypes.string,PropTypes.number])};var Picky=function(e){function l(e){var t;return _classCallCheck(this,l),(t=_possibleConstructorReturn(this,_getPrototypeOf(l).call(this,e))).state={selectedValue:e.value||(e.multiple?[]:null),open:e.open,filtered:!1,filteredOptions:[],id:generateGuid(),allSelected:!1},t.toggleDropDown=t.toggleDropDown.bind(_assertThisInitialized(_assertThisInitialized(t))),t.toggleSelectAll=t.toggleSelectAll.bind(_assertThisInitialized(_assertThisInitialized(t))),t.onFilterChange=t.onFilterChange.bind(_assertThisInitialized(_assertThisInitialized(t))),t.selectValue=t.selectValue.bind(_assertThisInitialized(_assertThisInitialized(t))),t.allSelected=t.allSelected.bind(_assertThisInitialized(_assertThisInitialized(t))),t.handleOutsideClick=t.handleOutsideClick.bind(_assertThisInitialized(_assertThisInitialized(t))),t.isItemSelected=t.isItemSelected.bind(_assertThisInitialized(_assertThisInitialized(t))),t.focusFilterInput=t.focusFilterInput.bind(_assertThisInitialized(_assertThisInitialized(t))),t}return _inherits(l,React__default.PureComponent),_createClass(l,[{key:"UNSAFE_componentWillMount",value:function(){var e=this.allSelected();this.setState({allSelected:e})}},{key:"componentDidMount",value:function(){this.focusFilterInput(this.state.open)}},{key:"UNSAFE_componentWillReceiveProps",value:function(e){this.props.options===e.options&&this.state.selectedValue===e.value||this.setState({allSelected:this.allSelected()}),isEqual(e.value,this.state.selectedValue)||this.setState({selectedValue:e.value,allSelected:this.allSelected(e.value)})}},{key:"selectValue",value:function(e){var t=this,l=this.isControlled()?this.props.value:this.state.selectedValue;if(this.props.multiple&&Array.isArray(l)){var r=hasItemIndex(l,e,this.props.valueKey,this.props.labelKey),i=[];i=-1<r?_toConsumableArray(l.slice(0,r)).concat(_toConsumableArray(l.slice(r+1))):_toConsumableArray(this.state.selectedValue).concat([e]),this.setState({selectedValue:i,allSelected:this.allSelected(i)},function(){t.props.onChange(t.state.selectedValue)})}else this.setState({selectedValue:e},function(){t.props.onChange(t.state.selectedValue)})}},{key:"allSelected",value:function(e){var t=e||this.state.selectedValue,l=this.props.options.slice(0),r=Array.isArray(t)?t.slice(0):[];return isEqual(l,r)}},{key:"toggleSelectAll",value:function(){var e=this;this.setState({selectedValue:this.state.allSelected?[]:this.props.options,allSelected:!this.state.allSelected},function(){e.props.onChange(e.state.selectedValue)})}},{key:"isControlled",value:function(){return!!this.props.value}},{key:"isItemSelected",value:function(e){var t=this.isControlled()?this.props.value:this.state.selectedValue;return hasItem(t,e,this.props.labelKey,this.props.valueKey)}},{key:"renderPlainList",value:function(e){var i=this,t=this.props,n=t.labelKey,s=t.valueKey,a=t.multiple,o=t.render,p=t.tabIndex,l=t.renderList;return l?l({items:e,selected:this.state.selectedValue,multiple:a,tabIndex:p,getIsSelected:this.isItemSelected,selectValue:this.selectValue}):e.map(function(e,t){var l=keyExtractor(e,s,n),r=i.isItemSelected(e);return"function"==typeof o?o({index:t,item:e,isSelected:r,selectValue:i.selectValue,labelKey:n,valueKey:s,multiple:a}):React__default.createElement(Option,{key:l,item:e,isSelected:r,selectValue:i.selectValue,labelKey:n,valueKey:s,multiple:a,tabIndex:p,id:i.state.id+"-option-"+t})})}},{key:"renderOptions",value:function(){var e=this.props.options,t=this.state.filtered?this.state.filteredOptions:e;return this.renderPlainList(t)}},{key:"onFilterChange",value:function(l){var r=this;if(!l.trim())return this.setState({filtered:!1,filteredOptions:[]});var e=this.props.options.filter(function(e){var t=e;return isDataObject(e,r.props.labelKey,r.props.valueKey)&&(t=e[r.props.labelKey]),includes(t,l)});this.setState({filtered:!0,filteredOptions:e},function(){r.props.onFiltered&&r.props.onFiltered(e)})}},{key:"handleOutsideClick",value:function(e){var t=this.props.keepOpen||this.props.multiple;this.node&&this.node.contains(e.target)&&t||this.toggleDropDown()}},{key:"focusFilterInput",value:function(e){e&&this.props.defaultFocusFilter&&this.filter&&this.filter.filterInput&&this.filter.filterInput.focus()}},{key:"toggleDropDown",value:function(){var t=this;this.state.open?document.removeEventListener("click",this.handleOutsideClick,!1):document.addEventListener("click",this.handleOutsideClick,!1),this.setState({open:!this.state.open},function(){var e=t.state.open;t.focusFilterInput(e),e&&t.props.onOpen?t.props.onOpen():!e&&t.props.onClose&&t.props.onClose()})}},{key:"render",value:function(){var t=this,e=this.props,l=e.className,r=e.placeholder,i=e.value,n=e.multiple,s=e.numberDisplayed,a=e.includeSelectAll,o=e.includeFilter,p=e.filterDebounce,c=e.valueKey,u=e.labelKey,d=e.tabIndex,y=e.dropdownHeight,h=e.renderSelectAll,f=this.state.open,b="";f&&(b+=this.state.id+"-list");var _="".concat(this.state.id,"__button"),m={maxHeight:y,overflowY:"scroll"};return React__default.createElement("div",{ref:function(e){t.node=e},className:["picky",l].join(" "),id:this.state.id,role:"combobox","aria-controls":_,"aria-expanded":f,"aria-haspopup":f,"aria-owns":b,tabIndex:d},React__default.createElement("button",{id:"".concat(this.state.id,"__button"),type:"button",className:"picky__input","data-testid":"picky-input",onClick:this.toggleDropDown},React__default.createElement(Placeholder,{allSelected:this.state.allSelected,placeholder:r,manySelectedPlaceholder:this.props.manySelectedPlaceholder,allSelectedPlaceholder:this.props.allSelectedPlaceholder,value:this.isControlled()?i:this.state.selectedValue,multiple:n,numberDisplayed:s,valueKey:c,labelKey:u,"data-testid":"placeholder-component"})),React__default.createElement("div",{className:"picky__dropdown",id:this.state.id+"-list","aria-hidden":!f,style:f?m:{visibility:"hidden"}},o&&React__default.createElement(Filter,{ref:function(e){return t.filter=e},onFilterChange:0<p?debounce(this.onFilterChange,p):this.onFilterChange}),h&&h({filtered:this.state.filtered,allSelected:this.state.allSelected,toggleSelectAll:this.toggleSelectAll,tabIndex:d,multiple:n}),!h&&a&&n&&!this.state.filtered&&React__default.createElement("div",{tabIndex:d,role:"option","data-testid":"selectall",id:this.state.id+"-option-selectall","data-selectall":"true","aria-selected":this.state.allSelected,className:this.state.allSelected?"option selected":"option",onClick:this.toggleSelectAll,onKeyPress:this.toggleSelectAll},React__default.createElement("input",{type:"checkbox",readOnly:!0,onClick:this.toggleSelectAll,tabIndex:-1,checked:this.state.allSelected,"aria-label":"select all"}),React__default.createElement("span",{"data-testid":"select-all-text"},this.props.selectAllText)),f&&React__default.createElement("div",{"data-testid":"dropdown"},this.renderOptions())))}}]),l}();Picky.defaultProps={numberDisplayed:3,options:[],filterDebounce:150,dropdownHeight:300,onChange:function(){},tabIndex:0,keepOpen:!0,selectAllText:"Select all"},Picky.propTypes={placeholder:PropTypes.string,value:PropTypes.oneOfType([PropTypes.array,PropTypes.string,PropTypes.number,PropTypes.object]),numberDisplayed:PropTypes.number,multiple:PropTypes.bool,options:PropTypes.array.isRequired,onChange:PropTypes.func.isRequired,open:PropTypes.bool,includeSelectAll:PropTypes.bool,includeFilter:PropTypes.bool,filterDebounce:PropTypes.number,dropdownHeight:PropTypes.number,onFiltered:PropTypes.func,onOpen:PropTypes.func,onClose:PropTypes.func,valueKey:PropTypes.string,labelKey:PropTypes.string,render:PropTypes.func,tabIndex:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),keepOpen:PropTypes.bool,manySelectedPlaceholder:PropTypes.string,allSelectedPlaceholder:PropTypes.string,selectAllText:PropTypes.string,renderSelectAll:PropTypes.func,defaultFocusFilter:PropTypes.bool,className:PropTypes.string,renderList:PropTypes.func},Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),l=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var r=arguments[1],i=0;i<l;){var n=t[i];if(e.call(r,n,i,t))return i;i++}return-1}}),module.exports=Picky;
+"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),isEqual=_interopDefault(require("lodash.isequal"));function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var l=0;l<t.length;l++){var r=t[l];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _createClass(e,t,l){return t&&_defineProperties(e.prototype,t),l&&_defineProperties(e,l),e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t||"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e)){for(var t=0,l=new Array(e.length);t<e.length;t++)l[t]=e[t];return l}}function _iterableToArray(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance")}var debounce=function(l,r){var i=null;return function(){clearTimeout(i);var e=arguments,t=this;i=setTimeout(function(){l.apply(t,e)},r)}},includes=function(e,t){return-1<String(e).toLowerCase().indexOf(String(t).toLowerCase())},isDataObject=function(e,t,l){return"object"===_typeof(e)&&e.hasOwnProperty(t)&&e.hasOwnProperty(l)},generateGuid=function(){function e(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return e()+e()+"-"+e()+"-"+e()+"-"+e()+"-"+e()+e()+e()},hasItem=function(e,t,l,r,i){if(!e||!t)return!1;if(Array.isArray(e)){if(isDataObject(t,l,r)){var n=e.findIndex(function(e){return e[l]===t[l]});return i?n:-1<n}var a=e.indexOf(t);return i?a:-1<a}return isDataObject(t,l,r)?e[l]===t[l]:e===t},hasItemIndex=function(e,t,l,r){return hasItem(e,t,l,r,!0)},keyExtractor=function(e,t,l){return isDataObject(e,t,l)?e[t]:e};function split(e){var t=1,l="",r=e.split("%"),i=r.length;0<i&&(l+=r[0]);for(var n=1;n<i;n++){if("s"===r[n][0]||"d"===r[n][0]){var a=arguments[t++];l+="d"===r[n][0]?Math.floor(a):a}else r[n][0]?l+="%"+r[n][0]:l+="%"+r[++n][0];l+=r[n].substring(1)}return l}var regex=/%[sdj]/;function format(e){return regex.test(e)?split.apply(null,arguments):Array.from(arguments).join(" ")}var isEmptyValue=function(e){return null==e||Array.isArray(e)&&!e.length},Placeholder=function(e){function t(e){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).call(this,e))}return _inherits(t,React__default.PureComponent),_createClass(t,[{key:"render",value:function(){var e=this.props,t=e.placeholder,l=e.value,r=e.numberDisplayed,i=e.multiple,n=e.valueKey,a=e.labelKey,s=e.manySelectedPlaceholder,o=e.allSelectedPlaceholder,p=e.allSelected,c="";if(isEmptyValue(this.props.value))c=t;else if(Array.isArray(l)&&i)l.length<=r?c=l.map(function(e){return isDataObject(e,n,a)?e[a]:e}).join(", "):s&&!p?c=includes(s,"%s")?format(s,l.length):s:p&&o&&(c=includes(o,"%s")?format(o,l.length):o);else{var u=Array.isArray(l)?l[0]:l;c=isDataObject(u,n,a)?u[a]:u}return React__default.createElement("span",{className:"picky__placeholder","data-testid":"picky_placeholder"},c)}}]),t}();Placeholder.defaultProps={placeholder:"None selected",allSelectedPlaceholder:"%s selected",manySelectedPlaceholder:"%s selected",allSelected:!1},Placeholder.propTypes={placeholder:PropTypes.string,value:PropTypes.oneOfType([PropTypes.array,PropTypes.string,PropTypes.number,PropTypes.object]),numberDisplayed:PropTypes.number,multiple:PropTypes.bool,valueKey:PropTypes.string,labelKey:PropTypes.string,manySelectedPlaceholder:PropTypes.string,allSelectedPlaceholder:PropTypes.string,allSelected:PropTypes.bool};var Filter=function(e){function l(e){var t;return _classCallCheck(this,l),(t=_possibleConstructorReturn(this,_getPrototypeOf(l).call(this,e))).state={filterTerm:""},t.onFilterChange=t.onFilterChange.bind(_assertThisInitialized(_assertThisInitialized(t))),t}return _inherits(l,React.Component),_createClass(l,[{key:"onFilterChange",value:function(e){var t=this,l=e.target.value;this.setState({filterTerm:l},function(){t.props.onFilterChange(l)})}},{key:"render",value:function(){var t=this;return React__default.createElement("div",{className:"picky__filter"},React__default.createElement("input",{type:"text",ref:function(e){return t.filterInput=e},className:"picky__filter__input","data-testid":"picky__filter__input",placeholder:"Filter...",tabIndex:this.props.tabIndex,"aria-label":"filter options",value:this.state.filterTerm,onChange:this.onFilterChange}))}}]),l}();Filter.propTypes={onFilterChange:PropTypes.func.isRequired,tabIndex:PropTypes.number};var Option=function(e){var t=e.id,l=e.item,r=e.isSelected,i=e.labelKey,n=e.valueKey,a=e.selectValue,s=e.style,o=e.multiple,p=e.tabIndex,c=r?"option selected":"option",u=isDataObject(l,i,n)?l[i]:l,d=o?"checkbox":"radio";return React__default.createElement("div",{tabIndex:p,id:t,role:"option",style:s,"data-testid":"option","data-selected":r?"selected":"","aria-selected":r,className:c,onClick:function(){return a(l)},onKeyPress:function(e){e.preventDefault(),a(l)}},React__default.createElement("input",{type:d,readOnly:!0,tabIndex:-1,checked:r,"aria-label":u,"data-testid":"option-checkbox"}),u)};Option.propTypes={isSelected:PropTypes.bool,valueKey:PropTypes.string,labelKey:PropTypes.string,id:PropTypes.string,item:PropTypes.oneOfType([PropTypes.string,PropTypes.number,PropTypes.object]).isRequired,style:PropTypes.object,selectValue:PropTypes.func.isRequired,multiple:PropTypes.bool,tabIndex:PropTypes.oneOfType([PropTypes.string,PropTypes.number])};var Picky=function(e){function l(e){var t;return _classCallCheck(this,l),(t=_possibleConstructorReturn(this,_getPrototypeOf(l).call(this,e))).state={selectedValue:e.value||(e.multiple?[]:null),open:e.open,filtered:!1,filteredOptions:[],id:generateGuid(),allSelected:!1},t.toggleDropDown=t.toggleDropDown.bind(_assertThisInitialized(_assertThisInitialized(t))),t.toggleSelectAll=t.toggleSelectAll.bind(_assertThisInitialized(_assertThisInitialized(t))),t.onFilterChange=t.onFilterChange.bind(_assertThisInitialized(_assertThisInitialized(t))),t.selectValue=t.selectValue.bind(_assertThisInitialized(_assertThisInitialized(t))),t.allSelected=t.allSelected.bind(_assertThisInitialized(_assertThisInitialized(t))),t.handleOutsideClick=t.handleOutsideClick.bind(_assertThisInitialized(_assertThisInitialized(t))),t.isItemSelected=t.isItemSelected.bind(_assertThisInitialized(_assertThisInitialized(t))),t.focusFilterInput=t.focusFilterInput.bind(_assertThisInitialized(_assertThisInitialized(t))),t}return _inherits(l,React__default.PureComponent),_createClass(l,[{key:"UNSAFE_componentWillMount",value:function(){var e=this.allSelected();this.setState({allSelected:e})}},{key:"componentDidMount",value:function(){this.focusFilterInput(this.state.open)}},{key:"UNSAFE_componentWillReceiveProps",value:function(e){this.props.options===e.options&&this.state.selectedValue===e.value||this.setState({allSelected:this.allSelected()}),isEqual(e.value,this.state.selectedValue)||this.setState({selectedValue:e.value,allSelected:this.allSelected(e.value)})}},{key:"selectValue",value:function(e){var t=this,l=this.isControlled()?this.props.value:this.state.selectedValue;if(this.props.multiple&&Array.isArray(l)){var r=hasItemIndex(l,e,this.props.valueKey,this.props.labelKey),i=[];i=-1<r?_toConsumableArray(l.slice(0,r)).concat(_toConsumableArray(l.slice(r+1))):_toConsumableArray(this.state.selectedValue).concat([e]),this.setState({selectedValue:i,allSelected:this.allSelected(i)},function(){t.props.onChange(t.state.selectedValue)})}else this.setState({selectedValue:e},function(){t.props.onChange(t.state.selectedValue)})}},{key:"allSelected",value:function(e){var t=e||this.state.selectedValue,l=this.props.options.slice(0),r=Array.isArray(t)?t.slice(0):[];return isEqual(l,r)}},{key:"toggleSelectAll",value:function(){var e=this;this.setState({selectedValue:this.state.allSelected?[]:this.props.options,allSelected:!this.state.allSelected},function(){e.props.onChange(e.state.selectedValue)})}},{key:"isControlled",value:function(){return!!this.props.value}},{key:"isItemSelected",value:function(e){var t=this.isControlled()?this.props.value:this.state.selectedValue;return hasItem(t,e,this.props.labelKey,this.props.valueKey)}},{key:"renderPlainList",value:function(e){var i=this,t=this.props,n=t.labelKey,a=t.valueKey,s=t.multiple,o=t.render,p=t.tabIndex,l=t.renderList;return l?l({items:e,selected:this.state.selectedValue,multiple:s,tabIndex:p,getIsSelected:this.isItemSelected,selectValue:this.selectValue}):e.map(function(e,t){var l=keyExtractor(e,a,n),r=i.isItemSelected(e);return"function"==typeof o?o({index:t,item:e,isSelected:r,selectValue:i.selectValue,labelKey:n,valueKey:a,multiple:s}):React__default.createElement(Option,{key:l,item:e,isSelected:r,selectValue:i.selectValue,labelKey:n,valueKey:a,multiple:s,tabIndex:p,id:i.state.id+"-option-"+t})})}},{key:"renderOptions",value:function(){var e=this.props.options,t=this.state.filtered?this.state.filteredOptions:e;return this.renderPlainList(t)}},{key:"onFilterChange",value:function(l){var r=this;if(!l.trim())return this.setState({filtered:!1,filteredOptions:[]});var e=this.props.options.filter(function(e){var t=e;return isDataObject(e,r.props.labelKey,r.props.valueKey)&&(t=e[r.props.labelKey]),includes(t,l)});this.setState({filtered:!0,filteredOptions:e},function(){r.props.onFiltered&&r.props.onFiltered(e)})}},{key:"handleOutsideClick",value:function(e){var t=this.props.keepOpen||this.props.multiple;this.node&&this.node.contains(e.target)&&t||this.toggleDropDown()}},{key:"focusFilterInput",value:function(e){e&&this.props.defaultFocusFilter&&this.filter&&this.filter.filterInput&&this.filter.filterInput.focus()}},{key:"toggleDropDown",value:function(){var t=this;this.state.open?document.removeEventListener("click",this.handleOutsideClick,!1):document.addEventListener("click",this.handleOutsideClick,!1),this.setState({open:!this.state.open},function(){var e=t.state.open;t.focusFilterInput(e),e&&t.props.onOpen?t.props.onOpen():!e&&t.props.onClose&&t.props.onClose()})}},{key:"render",value:function(){var t=this,e=this.props,l=e.className,r=e.placeholder,i=e.value,n=e.multiple,a=e.numberDisplayed,s=e.includeSelectAll,o=e.includeFilter,p=e.filterDebounce,c=e.valueKey,u=e.labelKey,d=e.tabIndex,y=e.dropdownHeight,h=e.renderSelectAll,f=this.state.open,b="";f&&(b+=this.state.id+"-list");var _="".concat(this.state.id,"__button"),m={maxHeight:y,overflowY:"scroll"};return React__default.createElement("div",{ref:function(e){t.node=e},className:["picky",l].join(" "),id:this.state.id,role:"combobox","aria-controls":_,"aria-expanded":f,"aria-haspopup":f,"aria-owns":b,tabIndex:d},React__default.createElement("button",{id:"".concat(this.state.id,"__button"),type:"button",className:"picky__input","data-testid":"picky-input",onClick:this.toggleDropDown},React__default.createElement(Placeholder,{allSelected:this.state.allSelected,placeholder:r,manySelectedPlaceholder:this.props.manySelectedPlaceholder,allSelectedPlaceholder:this.props.allSelectedPlaceholder,value:this.isControlled()?i:this.state.selectedValue,multiple:n,numberDisplayed:a,valueKey:c,labelKey:u,"data-testid":"placeholder-component"})),React__default.createElement("div",{className:"picky__dropdown",id:this.state.id+"-list","aria-hidden":!f,style:f?m:{visibility:"hidden"}},o&&React__default.createElement(Filter,{ref:function(e){return t.filter=e},onFilterChange:0<p?debounce(this.onFilterChange,p):this.onFilterChange}),h&&h({filtered:this.state.filtered,allSelected:this.state.allSelected,toggleSelectAll:this.toggleSelectAll,tabIndex:d,multiple:n}),!h&&s&&n&&!this.state.filtered&&React__default.createElement("div",{tabIndex:d,role:"option","data-testid":"selectall",id:this.state.id+"-option-selectall","data-selectall":"true","aria-selected":this.state.allSelected,className:this.state.allSelected?"option selected":"option",onClick:this.toggleSelectAll,onKeyPress:this.toggleSelectAll},React__default.createElement("input",{type:"checkbox",readOnly:!0,"data-testid":"selectall-checkbox",tabIndex:-1,checked:this.state.allSelected,"aria-label":"select all"}),React__default.createElement("span",{"data-testid":"select-all-text"},this.props.selectAllText)),f&&React__default.createElement("div",{"data-testid":"dropdown"},this.renderOptions())))}}]),l}();Picky.defaultProps={numberDisplayed:3,options:[],filterDebounce:150,dropdownHeight:300,onChange:function(){},tabIndex:0,keepOpen:!0,selectAllText:"Select all"},Picky.propTypes={placeholder:PropTypes.string,value:PropTypes.oneOfType([PropTypes.array,PropTypes.string,PropTypes.number,PropTypes.object]),numberDisplayed:PropTypes.number,multiple:PropTypes.bool,options:PropTypes.array.isRequired,onChange:PropTypes.func.isRequired,open:PropTypes.bool,includeSelectAll:PropTypes.bool,includeFilter:PropTypes.bool,filterDebounce:PropTypes.number,dropdownHeight:PropTypes.number,onFiltered:PropTypes.func,onOpen:PropTypes.func,onClose:PropTypes.func,valueKey:PropTypes.string,labelKey:PropTypes.string,render:PropTypes.func,tabIndex:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),keepOpen:PropTypes.bool,manySelectedPlaceholder:PropTypes.string,allSelectedPlaceholder:PropTypes.string,selectAllText:PropTypes.string,renderSelectAll:PropTypes.func,defaultFocusFilter:PropTypes.bool,className:PropTypes.string,renderList:PropTypes.func},Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),l=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var r=arguments[1],i=0;i<l;){var n=t[i];if(e.call(r,n,i,t))return i;i++}return-1}}),module.exports=Picky;
diff --git a/src/Picky.js b/src/Picky.js
index 4b2f771..9738df9 100644
--- a/src/Picky.js
+++ b/src/Picky.js
@@ -412,7 +412,7 @@ class Picky extends React.PureComponent {
                 <input
                   type="checkbox"
                   readOnly
-                  onClick={this.toggleSelectAll}
+                  data-testid="selectall-checkbox"
                   tabIndex={-1}
                   checked={this.state.allSelected}
                   aria-label="select all"
diff --git a/tests/Picky.test.js b/tests/Picky.test.js
index 2843ef7..bfa5cb9 100644
--- a/tests/Picky.test.js
+++ b/tests/Picky.test.js
@@ -846,6 +846,24 @@ describe('Picky', () => {
         fireEvent.click(chk);
         expect(onChange).toHaveBeenCalledTimes(1);
       });
+      test('should only call onChange once when pressing the select all checkbox', () => {
+        const onChange = jest.fn();
+
+        const { getByTestId } = rtlRender(
+          <Picky
+            multiple
+            value={[1]}
+            options={[1, 2, 3]}
+            onChange={onChange}
+            open={true}
+            includeSelectAll
+          />
+        );
+        const chk = getByTestId('selectall-checkbox');
+        expect(chk).toBeDefined();
+        fireEvent.click(chk);
+        expect(onChange).toHaveBeenCalledTimes(1);
+      });
       test('should still call onChange when pressing the option', () => {
         const onChange = jest.fn();