simple-multi-select - npm Package Compare versions

Comparing version 0.5.0 to 0.5.1

dist/bundled.min.js

@@ -1,2 +0,2 @@
-(function(e,t){for(var r in t)e[r]=t[r]})(exports,function(e){var t={};function r(n){if(t[n]){return t[n].exports}var o=t[n]={i:n,l:false,exports:{}};e[n].call(o.exports,o,o.exports,r);o.l=true;return o.exports}r.m=e;r.c=t;r.i=function(e){return e};r.d=function(e,t,n){if(!r.o(e,t)){Object.defineProperty(e,t,{configurable:false,enumerable:true,get:n})}};r.n=function(e){var t=e&&e.__esModule?function t(){return e["default"]}:function t(){return e};r.d(t,"a",t);return t};r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};r.p="";return r(r.s=5)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("lodash")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var a=r(0);var i=c(a);var l=r(1);var u=c(l);function c(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function f(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function d(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var p=function(e){d(t,e);function t(){s(this,t);return f(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}o(t,[{key:"render",value:function e(){var t=this.props,r=t.checked,o=t.option,a=t.onClick,l=t.disable,u=t.selectable;var c=void 0;console.log(o.label+" - disable: "+l+" - checked: "+r);if(u){c=i.default.createElement("input",{type:"checkbox",onChange:a,checked:r,tabIndex:"-1",disabled:l})}return i.default.createElement("span",null,c,i.default.createElement("span",{style:n({},v.label,l?v.disable:v.enable)},o.label))}}]);return t}(a.Component);var h=function(e){d(t,e);function t(){var e;var r,n,o;s(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={hovered:false},n.onChecked=function(e){var t=n.props.onSelectionChanged;var r=e.target.checked;t(r)},n.toggleChecked=function(){var e=n.props,t=e.checked,r=e.onSelectionChanged;r(!t)},n.handleClick=function(e){var t=n.props.onClick;n.toggleChecked();t(e);e.preventDefault()},n.handleKeyDown=function(e){switch(e.which){case 13:case 32:n.toggleChecked();break;default:return}e.preventDefault()},r),f(n,o)}o(t,[{key:"componentDidMount",value:function e(){this.updateFocus()}},{key:"componentDidUpdate",value:function e(){this.updateFocus()}},{key:"updateFocus",value:function e(){var t=this.props.focused;if(t&&this.itemRef){this.itemRef.focus()}}},{key:"render",value:function e(){var t=this;var r=this.props,o=r.ItemRenderer,a=r.option,l=r.checked,c=r.focused,s=r.selected,f=r.options,d=r.disable,p=r.selectable;var h=this.state.hovered;var b=c||h?v.itemContainerHover:undefined;var y=u.default.clone(a);if(y.level&&u.default.isNumber(y.level)&&y.level>=0){if(y.label){y.label=" ".repeat(3*y.level)+y.label.trim()}else if(y.text){y.text=" ".repeat(3*y.level)+y.text.trim()}}return i.default.createElement("label",{role:"option","aria-selected":l,selected:l,title:y.text,tabIndex:"-1",style:n({},v.itemContainer,b,d?v.disable:v.enable,p?{}:v.unselectable),onClick:p?this.handleClick:Function.prototype,ref:function e(r){return t.itemRef=r},onKeyDown:p?this.handleKeyDown:Function.prototype,onMouseOver:function e(){return t.setState({hovered:true})},onMouseOut:function e(){return t.setState({hovered:false})}},i.default.createElement(o,{option:y,checked:l,onClick:this.handleClick,selected:s,options:f,disable:d,selectable:p}))}}]);return t}(a.Component);h.defaultProps={ItemRenderer:p};var v={itemContainer:{boxSizing:"border-box",backgroundColor:"#fff",color:"#666666",cursor:"pointer",display:"block",padding:"10px 10px",outline:0},itemContainerHover:{backgroundColor:"rgba(0,0,0,0.06)",outline:0},disable:{color:"rgba(0, 0, 0, 0.27)",cursor:"default"},unselectable:{color:"rgba(0, 0, 0, 0.87)",cursor:"default"},enable:{color:"rgba(0, 0, 0, 0.87)",cursor:"pointer"},label:{display:"inline-block",verticalAlign:"middle",borderBottomRightRadius:"2px",borderTopRightRadius:"2px",padding:"2px 5px",whiteSpace:"pre",wordWrap:"normal"}};t.default=h},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var a=r(0);var i=f(a);var l=r(8);var u=f(l);var c=r(6);var s=f(c);function f(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function p(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function h(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var v=function(e){h(t,e);function t(){var e;var r,n,o;d(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={expanded:false,hasFocus:false,hovered:false,clearable:false},n.handleDocumentClick=function(e){if(n.wrapper&&!n.wrapper.contains(e.target)){n.setState({expanded:false})}},n.handleKeyDown=function(e){if(!n.props.disabled){switch(e.which){case 27:n.toggleExpanded(false);break;case 38:n.toggleExpanded(false);break;case 40:n.toggleExpanded(true);break;default:return}}e.preventDefault()},n.handleFocus=function(e){var t=n.state.hasFocus;if(!n.props.disabled&&e.target===n.wrapper&&!t){n.setState({hasFocus:true})}},n.handleBlur=function(e){var t=n.state.hasFocus;if(!n.props.disabled&&t){n.setState({hasFocus:false})}},n.toggleExpanded=function(e){var t=n.props.isLoading;var r=n.state.expanded;if(t){return}var o=e===undefined?!r:!!e;n.setState({expanded:o});if(!o&&n.wrapper){n.wrapper.focus()}},r),p(n,o)}o(t,[{key:"componentWillMount",value:function e(){this.setState({clearable:this.props.contentProps.selected.length>0})}},{key:"componentWillUpdate",value:function e(){document.addEventListener("touchstart",this.handleDocumentClick);document.addEventListener("mousedown",this.handleDocumentClick)}},{key:"componentWillUnmount",value:function e(){document.removeEventListener("touchstart",this.handleDocumentClick);document.removeEventListener("mousedown",this.handleDocumentClick)}},{key:"renderPanel",value:function e(){var t=this;var r=this.props,o=r.contentComponent,a=r.contentProps;var l=a.onSelectedChanged;a["onSelectedChanged"]=function(e){t.setState({clearable:e.length>0});l(e)};return i.default.createElement("div",{style:m.panelContainer},i.default.createElement(o,n({ref:"selectPanel"},a)))}},{key:"render",value:function e(){var t=this;var r=this;var o=this.state,a=o.expanded,l=o.hasFocus,c=o.hovered,f=o.clearable;var d=this.props,p=d.children,h=d.isLoading,v=d.contentProps,y=d.disabled;var g=a?m.dropdownHeaderExpanded:undefined;var w=l?m.dropdownHeaderFocused:undefined;var x=c&&!l&&!a?m.dropdownHeaderHover:undefined;return i.default.createElement("div",{id:"simple-multiple-select",tabIndex:"0",role:"combobox","aria-expanded":a,"aria-readonly":"true",style:m.dropdownContainer,ref:function e(r){return t.wrapper=r},onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:function e(){if(y){return}t.setState({hovered:true})},onMouseLeave:function e(){if(y){return}t.setState({hovered:false})}},i.default.createElement(u.default,null,b),i.default.createElement("div",{style:n({},m.dropdownHeader,g,x,w)},i.default.createElement("span",{style:m.dropdownChildren,onClick:function e(){if(y){return}t.toggleExpanded()}},p),i.default.createElement("span",{style:m.loadingContainer},h&&i.default.createElement(s.default,null)),(a||c)&&f?i.default.createElement("span",{className:"xButton",onClick:function e(t){if(y){return}if(r.refs.selectPanel){r.refs.selectPanel.selectNone()}else{v.onSelectedChanged([]);r.setState({clearable:false})}t.stopPropagation();t.preventDefault()}}):"",i.default.createElement("span",{id:"dropdown-arrow",style:m.dropdownArrow,onClick:function e(){if(y){return}t.toggleExpanded()}},i.default.createElement("span",{style:n({},m.dropdownArrowDown)}))),a&&this.renderPanel())}}]);return t}(a.Component);var b='\n                .xButton {\n                    display: table-cell;\n                    position: relative;\n                    width: 16px;\n                    height: 16px;\n                    transition: transform .25s ease-in-out;\n                }\n                .xButton:before {\n                    content: "";\n                    position: absolute;\n                    display: block;\n                    margin: auto;\n                    left: 0;\n                    right: 0;\n                    top: 0;\n                    bottom: 0;\n                    width: 16px;\n                    height: 0;\n                    border-top: 1px solid rgba(0,0,0,0.5);\n                    transform: rotate(45deg);\n                    transform-origin: center;\n                }\n                .xButton:after {\n                    content: "";\n                    position: absolute;\n                    display: block;\n                    margin: auto;\n                    left: 0;\n                    right: 0;\n                    top: 0;\n                    bottom: 0;\n                    width: 16px;\n                    height: 0;\n                    border-top: 1px solid rgba(0,0,0,0.5);\n                    transform: rotate(-45deg);\n                    transform-origin: center;\n                }\n                .xButton:hover {\n                    cursor:pointer;\n                }\n';var y="";var m={dropdownArrow:{boxSizing:"border-box",cursor:"pointer",display:"table-cell",position:"relative",textAlign:"center",verticalAlign:"middle",width:25,paddingRight:5},dropdownArrowDown:{boxSizing:"border-box",borderColor:"rgb(204, 204, 204) transparent transparent",borderStyle:"solid",borderWidth:"4px 4px 2px",display:"inline-block",height:0,width:0,position:"relative"},dropdownChildren:{boxSizing:"border-box",bottom:0,color:"#333",left:0,lineHeight:"34px",paddingLeft:10,paddingRight:10,position:"absolute",right:0,top:0,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteWpace:"nowrap"},dropdownContainer:{position:"relative",boxSizing:"border-box",outline:"none",width:"100%"},dropdownHeader:{boxSizing:"border-box",backgroundColor:"#fff",borderColor:"rgba(34, 36, 38, 0.15)",borderRadius:4,borderBottomRightRadius:4,borderBottomLeftRadius:4,border:"1px solid rgba(34, 36, 38, 0.15)",color:"rgba(0, 0, 0, 0.87)",cursor:"default",display:"table",borderSpacing:0,borderCollapse:"separate",height:38,outline:"none",overflow:"hidden",position:"relative",width:"100%"},dropdownHeaderFocused:{borderColor:"#96C8DA",boxShadow:"none"},dropdownHeaderHover:{borderColor:"rgba(34, 36, 38, 0.35)"},dropdownHeaderExpanded:{borderColor:"#96C8DA",borderBottomRightRadius:"0px",borderBottomLeftRadius:"0px"},loadingContainer:{cursor:"pointer",display:"table-cell",verticalAlign:"middle",width:"16px"},panelContainer:{borderBottomRightRadius:"4px",borderBottomLeftRadius:"4px",backgroundColor:"#fff",border:"1px solid #96C8DA",borderTopColor:"#e6e6e6",boxShadow:"0 1px 0 rgba(0, 0, 0, 0.06)",boxSizing:"border-box",marginTop:"-1px",maxHeight:"500px",position:"absolute",top:"100%",width:"100%",zIndex:99,overflowY:"auto"}};t.default=v},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var a=r(9);var i=r(0);var l=h(i);var u=r(1);var c=h(u);var s=r(2);var f=h(s);var d=r(7);var p=h(d);function h(e){return e&&e.__esModule?e:{default:e}}function v(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function b(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function y(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}function m(e,t){if(c.default.isArray(e.value)){return false}else if(typeof e.value==="string"&&e.value.startsWith("[")){try{var r=JSON.parse(e.value);return false}catch(e){}}return true}var g=function(e){y(t,e);function t(){var e;var r,n,o;v(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=b(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={searchHasFocus:false,searchText:"",focusIndex:0},n.selectAll=function(){var e=n.props,t=e.onSelectedChanged,r=e.options,o=e.isLeafChecker;var a=o?o:m;var i=c.default.chain(r).map(function(e){return a(e,r)?e.value:null}).without(null,undefined).value();t(i)},n.selectNone=function(){var e=n.props.onSelectedChanged;e([])},n.selectAllChanged=function(e){if(e){n.selectAll()}else{n.selectNone()}},n.handleSearchChange=function(e){n.setState({searchText:e.target.value,focusIndex:-1})},n.handleItemClicked=function(e){n.setState({focusIndex:e})},n.clearSearch=function(){n.setState({searchText:""})},n.handleKeyDown=function(e){switch(e.which){case 38:if(e.altKey){return}n.updateFocus(-1);break;case 40:if(e.altKey){return}n.updateFocus(1);break;default:return}e.stopPropagation();e.preventDefault()},n.handleSearchFocus=function(e){n.setState({searchHasFocus:e,focusIndex:-1})},r),b(n,o)}o(t,[{key:"allAreSelected",value:function e(){var t=this.props,r=t.options,n=t.selected,o=t.isLeafChecker;var a=o?o:m;var i=c.default.chain(r).map(function(e){return a(e,r)?e.value:null}).without(null,undefined).value();return i.length===n.length}},{key:"filteredOptions",value:function e(){var t=this.state.searchText;var r=this.props,n=r.options,o=r.searchFunc;var i=c.default.map(n,function(e){if(!e.label){return c.default.assign(e,{label:e.text})}else{return e}});return o?o(i,t):(0,a.filterOptions)(i,t)}},{key:"updateFocus",value:function e(t){var r=this.state.focusIndex;var n=this.props.options;var o=r+t;o=Math.max(0,o);o=Math.min(o,n.length);this.setState({focusIndex:o})}},{key:"render",value:function e(){var t=this;var r=this.state,o=r.focusIndex,a=r.searchHasFocus;var i=this.props,u=i.ItemRenderer,c=i.selectAllLabel,s=i.enableSearch,d=i.leafOnly;var h={label:c,value:""};var v=a?w.searchFocused:undefined;return l.default.createElement("div",{style:w.panel,role:"listbox",onKeyDown:this.handleKeyDown},s?l.default.createElement("div",{style:w.searchContainer},l.default.createElement("input",{placeholder:"Search",type:"text",onChange:this.handleSearchChange,style:n({},w.search,v),onFocus:function e(){return t.handleSearchFocus(true)},onBlur:function e(){return t.handleSearchFocus(false)}})):"",c?l.default.createElement(f.default,{focused:o===0,checked:this.allAreSelected(),option:h,onSelectionChanged:this.selectAllChanged,onClick:function e(){return t.handleItemClicked(0)},selectable:true,ItemRenderer:u}):"",l.default.createElement(p.default,n({},this.props,{options:this.filteredOptions(),focusIndex:o-1,onClick:function e(r,n){return t.handleItemClicked(n+1)},ItemRenderer:u,leafOnly:d})))}}]);return t}(i.Component);var w={panel:{boxSizing:"border-box"},search:{display:"block",maxWidth:"100%",borderRadius:"3px",boxSizing:"border-box",height:"30px",lineHeight:"24px",border:"1px solid",borderColor:"#dee2e4",padding:"10px",width:"100%",outline:"none"},searchFocused:{borderColor:"#96C8DA"},searchContainer:{width:"100%",boxSizing:"border-box",padding:"0.5em"}};t.default=g},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});t.Dropdown=undefined;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var o=r(0);var a=s(o);var i=r(3);var l=s(i);var u=r(4);var c=s(u);function s(e){return e&&e.__esModule?e:{default:e}}function f(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function d(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function p(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var h=function(e){p(t,e);function t(){f(this,t);return d(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}n(t,[{key:"getSelectedText",value:function e(){var t=this.props,r=t.options,n=t.selected;var o=n.map(function(e){return r.find(function(t){return t.value===e})});var a=o.map(function(e){return e?e.label:""});return a.join(", ")}},{key:"renderHeader",value:function e(){var t=this.props,r=t.options,n=t.selected,o=t.valueRenderer;var i=n.length===0;var l=n.length===r.length;var u=o&&o(n,r);if(i){return a.default.createElement("span",{style:v.noneSelected},u||"Select some items...")}if(u){return a.default.createElement("span",null,u)}return a.default.createElement("span",null,l?"All items are selected":this.getSelectedText())}},{key:"render",value:function e(){var t=this.props,r=t.ItemRenderer,n=t.options,o=t.selected,i=t.selectAllLabel,u=t.onSelectedChanged,s=t.isLoading,f=t.enableSearch,d=t.leafOnly,p=t.isLeafChecker,h=t.disabled,v=t.searchFunc;return a.default.createElement(l.default,{isLoading:s,disabled:h,contentComponent:c.default,contentProps:{ItemRenderer:r,options:n,selected:o,selectAllLabel:i,onSelectedChanged:u,enableSearch:f,leafOnly:d,isLeafChecker:p,searchFunc:v}},this.renderHeader())}}]);return t}(o.Component);var v={noneSelected:{color:"#aaa"}};t.default=h;t.Dropdown=l.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var o=r(0);var a=i(o);function i(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function u(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function c(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var s="__react-multi-select_style_inject__";function f(){var e=Array.from(document.styleSheets).find(function(e){return e.title===s});var t=e;return t}function d(e){try{if(f()){return}var t=document.createElement("style");t.setAttribute("title",s);document.head&&document.head.appendChild(t);var r=f();if(!r){return}r.insertRule(e,0)}catch(e){}}var p=function(e){c(t,e);function t(){l(this,t);return u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}n(t,[{key:"componentWillMount",value:function e(){d(h)}},{key:"render",value:function e(){return a.default.createElement("span",{style:v.loading})}}]);return t}(o.Component);var h="\n@keyframes react-multi-select_loading-spin {\n    to {\n        transform: rotate(1turn);\n    }\n}\n";var v={loading:{animation:"react-multi-select_loading-spin 400ms infinite linear",width:"16px",height:"16px",boxSizing:"border-box",borderRadius:"50%",border:"2px solid #ccc",borderRightColor:"#333",display:"inline-block",position:"relative",verticalAlign:"middle"}};t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var o=r(0);var a=s(o);var i=r(1);var l=s(i);var u=r(2);var c=s(u);function s(e){return e&&e.__esModule?e:{default:e}}function f(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++){r[t]=e[t]}return r}else{return Array.from(e)}}function d(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function p(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function h(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var v=function(e){h(t,e);function t(){var e;var r,n,o;d(this,t);for(var a=arguments.length,i=Array(a),u=0;u<a;u++){i[u]=arguments[u]}return o=(r=(n=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.handleSelectionChanged=function(e,t){var r=n.props,o=r.selected,a=r.onSelectedChanged,i=r.options;var u=o;if(t){u=[].concat(f(o),[e.value])}else{var c=o.indexOf(e.value);u=[].concat(f(o.slice(0,c)),f(o.slice(c+1)))}if(e.level!==undefined&&e.level!==null){n.computeActiveLevel(u,i);u=l.default.filter(u,function(e){var t=l.default.find(n.props.options,{value:e});return t&&t.level<=n.activeLevel})}a(u)},r),p(n,o)}n(t,[{key:"computeActiveLevel",value:function e(t,r){var n=this;this.activeLevel=99;l.default.each(r,function(e){if(t.indexOf(e.value)>=0&&e.level&&e.level<n.activeLevel){n.activeLevel=e.level}})}},{key:"renderItems",value:function e(){var t=this;var r=this.props,n=r.ItemRenderer,o=r.options,i=r.selected,u=r.focusIndex,s=r.onClick,f=r.leafOnly;this.computeActiveLevel(i,o);var d=l.default.maxBy(o,"level");return o.map(function(e,r){return a.default.createElement("li",{style:b.listItem,key:r},a.default.createElement(c.default,{focused:u===r,option:e,onSelectionChanged:function r(n){return t.handleSelectionChanged(e,n)},checked:i.includes(e.value),onClick:function(e){function t(t){return e.apply(this,arguments)}t.toString=function(){return e.toString()};return t}(function(e){return s(e,r)}),ItemRenderer:n,selected:i,options:o,disable:e.level?e.level>t.activeLevel:false,selectable:f?e.level===d.level:true}))})}},{key:"render",value:function e(){return a.default.createElement("ul",{style:b.list},this.renderItems())}}]);return t}(o.Component);var b={list:{margin:0,paddingLeft:0},listItem:{listStyle:"none"}};t.default=v},function(e,t,r){(function n(o,a){if(true)e.exports=a(r(0));else if(typeof define==="function"&&define.amd)define(["react"],a);else if(typeof t==="object")t["Style"]=a(require("react"));else o["Style"]=a(o["React"])})(this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{},id:n,loaded:false};e[n].call(o.exports,o,o.exports,r);o.loaded=true;return o.exports}r.m=e;r.c=t;r.p="";return r(0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol==="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};var a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var i=r(2);var l=s(i);var u=r(1);var c=s(u);function s(e){return e&&e.__esModule?e:{default:e}}function f(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function d(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function p(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var h="production"!=="production";var v=function(e){p(t,e);function t(e){f(this,t);var r=d(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));r.getStyleString=function(){if(r.props.children instanceof Array){var e=r.props.children.filter(function(e){return!(0,i.isValidElement)(e)&&typeof e==="string"});if(e.length>1){throw new Error("Multiple style objects as direct descedents of a "+"Style component are not supported ("+e.length+" style objects detected): \n\n"+e[0])}return e[0]}else if(typeof r.props.children==="string"&&!(0,i.isValidElement)(r.props.children)){return r.props.children}else{return null}};r.getRootElement=function(){if(r.props.children instanceof Array){var e=r.props.children.filter(function(e){return(0,i.isValidElement)(e)});if(h){if(e.length>1){console.log(e);throw new Error("Adjacent JSX elements must be wrapped in an enclosing tag ("+e.length+" root elements detected).")}if(typeof e[0]!=="undefined"&&r.isVoidElement(e[0].type)){throw new Error("Self-closing void elements like "+e.type+" must be wrapped "+"in an enclosing tag. Reactive Style must be able to nest a style element "+"inside of the root element and void element content models never allow"+"it to have contents under any circumstances.")}}return e[0]}else if((0,i.isValidElement)(r.props.children)){return r.props.children}else{return null}};r.getRootSelectors=function(e){var t=[];if(e.props.id){t.push("#"+e.props.id)}if(e.props.className){e.props.className.trim().split(/\s+/g).forEach(function(e){return t.push(e)})}if(!t.length&&typeof e.type!=="function"){t.push(e.type)}return t};r.processCSSText=function(e,t,n){return e.replace(/\s*\/\/(?![^\(]*\)).*|\s*\/\*.*\*\//g,"").replace(/\s\s+/g," ").split("}").map(function(e){var o=/.*:.*;/g;var a=/\s*@/g;var i=/\s*(([0-9][0-9]?|100)\s*%)|\s*(to|from)\s*$/g;return e.split("{").map(function(e){if(!e.trim().length){return}if(e.match(o)){return r.escapeTextContentForBrowser(e.replace(/lsquo|rsquo/g,"").replace(/content\s*:\s*['"](.*)['"]\s*;/,"content: lsquo;$1rsquo;;").replace(/['"]/g,"")).replace(/lsquo;|rsquo;/g,"'").replace(/$/g,"\n")}else{var l=e;if(t&&!/:target/gi.test(l)){if(!l.match(a)&&!l.match(i)){return r.scopeSelector(t,l,n)}else{return l}}else{return l}}}).join("{\n")}).join("}\n")};r.escaper=function(e){var t={">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"};return t[e]};r.escapeTextContentForBrowser=function(e){var t=/[><"']/g;return(""+e).replace(t,r.escaper)};r.scopeSelector=function(e,t,r){var n=[];var o=/,(?![^\(|\[]*\)|\])/g;var a=t.split(o);for(var i=0;i<a.length;i++){var l=void 0;var u=void 0;if(r.length&&r.some(function(e){return t.match(e)})){u=a[i];var c=r.map(function(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")});u=u.replace(new RegExp("("+c.join("|")+")"),"$1"+e);l=e+" "+a[i];n.push(u,l)}else{l=e+" "+a[i];n.push(l)}}return n.join(", ")};r.getScopeClassName=function(e,t){var n=e;if(t){r.pepper="";r.traverseObjectToGeneratePepper(t);n+=r.pepper}return(h?"_scope-":"_")+(0,c.default)(n)};r.traverseObjectToGeneratePepper=function(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;if(t>32||r.pepper.length>1e4)return;for(var n in e){var a=/^[_\$]|type|ref|^value$/.test(n);if(!!e[n]&&o(e[n])==="object"&&!a){r.traverseObjectToGeneratePepper(e[n],t+1)}else if(!!e[n]&&!a&&typeof e[n]!=="function"){r.pepper+=e[n]}}};r.isVoidElement=function(e){return["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"].some(function(t){return e===t})};r.addCSSTextToHead=function(e){if(!e.length){return}else{var t=(0,c.default)(e);if(!window._reactiveStyle.cssTextHashesAddedToHead.some(function(e){return e===t})){window._reactiveStyle.el.innerHTML+=e;window._reactiveStyle.cssTextHashesAddedToHead.push(t)}}};r.createStyleElement=function(e,t){return l.default.createElement("style",{type:"text/css",key:t,ref:function e(t){return r._style=t},dangerouslySetInnerHTML:{__html:e||""}})};r.getNewChildrenForCloneElement=function(e,t,n){return[r.createStyleElement(e,n)].concat(t.props.children)};r.scopeClassNameCache={};r.scopedCSSTextCache={};return r}a(t,[{key:"render",value:function e(){if(!this.props.children){return this.createStyleElement()}var t=this.getStyleString();var r=this.getRootElement();if(!t&&r){return r.props.children}else if(t&&!r){return this.createStyleElement(this.processCSSText(t),this.getScopeClassName(t,r))}else{var o=r.props.className?r.props.className+" ":"";var a=r.props.id?r.props.id:"";var l=void 0;var u=void 0;var c=o+a+t;if(this.scopeClassNameCache[c]){l=this.scopeClassNameCache[c];u=this.scopedCSSTextCache[l]}else{l=this.getScopeClassName(t,r);u=this.processCSSText(t,"."+l,this.getRootSelectors(r));this.scopeClassNameCache[c]=l;this.scopedCSSTextCache[l]=u}return(0,i.cloneElement)(r,n({},r.props,{className:""+o+l}),this.getNewChildrenForCloneElement(u,r,l))}}}]);return t}(i.Component);v.it=function(e,t){return l.default.createElement(v,null,e,t)};t.default=v},function(e,t){"use strict";var r=65521;function n(e){var t=1;var n=0;var o=0;var a=e.length;var i=a&~3;while(o<i){var l=Math.min(o+4096,i);for(;o<l;o+=4){n+=(t+=e.charCodeAt(o))+(t+=e.charCodeAt(o+1))+(t+=e.charCodeAt(o+2))+(t+=e.charCodeAt(o+3))}t%=r;n%=r}for(;o<a;o++){n+=t+=e.charCodeAt(o)}t%=r;n%=r;return t|n<<16}e.exports=n},function(t,r){t.exports=e}])
-})},function(e,t){e.exports=require("fuzzy-match-utils")}]));
+(function(e,t){for(var r in t)e[r]=t[r]})(exports,function(e){var t={};function r(n){if(t[n]){return t[n].exports}var o=t[n]={i:n,l:false,exports:{}};e[n].call(o.exports,o,o.exports,r);o.l=true;return o.exports}r.m=e;r.c=t;r.i=function(e){return e};r.d=function(e,t,n){if(!r.o(e,t)){Object.defineProperty(e,t,{configurable:false,enumerable:true,get:n})}};r.n=function(e){var t=e&&e.__esModule?function t(){return e["default"]}:function t(){return e};r.d(t,"a",t);return t};r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)};r.p="";return r(r.s=5)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("lodash")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var a=r(0);var i=c(a);var l=r(1);var u=c(l);function c(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function f(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function d(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var p=function(e){d(t,e);function t(){s(this,t);return f(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}o(t,[{key:"render",value:function e(){var t=this.props,r=t.checked,o=t.option,a=t.onClick,l=t.disable,u=t.selectable;var c=void 0;console.log(o.label+" - disable: "+l+" - checked: "+r);if(u){c=i.default.createElement("input",{type:"checkbox",onChange:a,checked:r,tabIndex:"-1",disabled:l})}return i.default.createElement("span",null,c,i.default.createElement("span",{style:n({},v.label,l?v.disable:v.enable)},o.label))}}]);return t}(a.Component);var h=function(e){d(t,e);function t(){var e;var r,n,o;s(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={hovered:false},n.onChecked=function(e){var t=n.props.onSelectionChanged;var r=e.target.checked;t(r)},n.toggleChecked=function(){var e=n.props,t=e.checked,r=e.onSelectionChanged;r(!t)},n.handleClick=function(e){var t=n.props.onClick;n.toggleChecked();t(e);e.preventDefault()},n.handleKeyDown=function(e){switch(e.which){case 13:case 32:n.toggleChecked();break;default:return}e.preventDefault()},r),f(n,o)}o(t,[{key:"componentDidMount",value:function e(){this.updateFocus()}},{key:"componentDidUpdate",value:function e(){this.updateFocus()}},{key:"updateFocus",value:function e(){var t=this.props.focused;if(t&&this.itemRef){this.itemRef.focus()}}},{key:"render",value:function e(){var t=this;var r=this.props,o=r.ItemRenderer,a=r.option,l=r.checked,c=r.focused,s=r.selected,f=r.options,d=r.disable,p=r.selectable;var h=this.state.hovered;var b=c||h?v.itemContainerHover:undefined;var y=u.default.clone(a);if(y.level&&u.default.isNumber(y.level)&&y.level>=0){if(y.label){y.label=" ".repeat(3*y.level)+y.label.trim()}else if(y.text){y.text=" ".repeat(3*y.level)+y.text.trim()}}return i.default.createElement("label",{role:"option","aria-selected":l,selected:l,title:y.text,tabIndex:"-1",style:n({},v.itemContainer,b,d?v.disable:v.enable,p?{}:v.unselectable),onClick:p?this.handleClick:Function.prototype,ref:function e(r){return t.itemRef=r},onKeyDown:p?this.handleKeyDown:Function.prototype,onMouseOver:function e(){return t.setState({hovered:true})},onMouseOut:function e(){return t.setState({hovered:false})}},i.default.createElement(o,{option:y,checked:l,onClick:this.handleClick,selected:s,options:f,disable:d,selectable:p}))}}]);return t}(a.Component);h.defaultProps={ItemRenderer:p};var v={itemContainer:{boxSizing:"border-box",backgroundColor:"#fff",color:"#666666",cursor:"pointer",display:"block",padding:"10px 10px",outline:0},itemContainerHover:{backgroundColor:"rgba(0,0,0,0.06)",outline:0},disable:{color:"rgba(0, 0, 0, 0.27)",cursor:"default"},unselectable:{color:"rgba(0, 0, 0, 0.87)",cursor:"default"},enable:{color:"rgba(0, 0, 0, 0.87)",cursor:"pointer"},label:{display:"inline-block",verticalAlign:"middle",borderBottomRightRadius:"2px",borderTopRightRadius:"2px",padding:"2px 5px",whiteSpace:"pre",wordWrap:"normal"}};t.default=h},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var a=r(0);var i=f(a);var l=r(8);var u=f(l);var c=r(6);var s=f(c);function f(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function p(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function h(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var v=function(e){h(t,e);function t(){var e;var r,n,o;d(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={expanded:false,hasFocus:false,hovered:false,clearable:false},n.handleDocumentClick=function(e){if(n.wrapper&&!n.wrapper.contains(e.target)){n.setState({expanded:false})}},n.handleKeyDown=function(e){if(!n.props.disabled){switch(e.which){case 27:n.toggleExpanded(false);break;case 38:n.toggleExpanded(false);break;case 40:n.toggleExpanded(true);break;default:return}}e.preventDefault()},n.handleFocus=function(e){var t=n.state.hasFocus;if(!n.props.disabled&&e.target===n.wrapper&&!t){n.setState({hasFocus:true})}},n.handleBlur=function(e){var t=n.state.hasFocus;if(!n.props.disabled&&t){n.setState({hasFocus:false})}},n.toggleExpanded=function(e){var t=n.props.isLoading;var r=n.state.expanded;if(t){return}var o=e===undefined?!r:!!e;n.setState({expanded:o});if(!o&&n.wrapper){n.wrapper.focus()}},r),p(n,o)}o(t,[{key:"componentWillMount",value:function e(){this.setState({clearable:this.props.contentProps.selected.length>0})}},{key:"componentWillUpdate",value:function e(){document.addEventListener("touchstart",this.handleDocumentClick);document.addEventListener("mousedown",this.handleDocumentClick)}},{key:"componentWillUnmount",value:function e(){document.removeEventListener("touchstart",this.handleDocumentClick);document.removeEventListener("mousedown",this.handleDocumentClick)}},{key:"renderPanel",value:function e(){var t=this;var r=this.props,o=r.contentComponent,a=r.contentProps;var l=a.onSelectedChanged;a["onSelectedChanged"]=function(e){t.setState({clearable:e.length>0});l(e)};return i.default.createElement("div",{style:m.panelContainer},i.default.createElement(o,n({ref:"selectPanel"},a)))}},{key:"render",value:function e(){var t=this;var r=this;var o=this.state,a=o.expanded,l=o.hasFocus,c=o.hovered,f=o.clearable;var d=this.props,p=d.children,h=d.isLoading,v=d.contentProps,y=d.disabled;var g=a?m.dropdownHeaderExpanded:undefined;var w=l?m.dropdownHeaderFocused:undefined;var x=c&&!l&&!a?m.dropdownHeaderHover:undefined;return i.default.createElement("div",{id:"simple-multiple-select",tabIndex:"0",role:"combobox","aria-expanded":a,"aria-readonly":"true",style:m.dropdownContainer,ref:function e(r){return t.wrapper=r},onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseEnter:function e(){if(y){return}t.setState({hovered:true})},onMouseLeave:function e(){if(y){return}t.setState({hovered:false})}},i.default.createElement(u.default,null,b),i.default.createElement("div",{style:n({},m.dropdownHeader,y?m.disable:m.enable,g,x,w)},i.default.createElement("span",{style:m.dropdownChildren,onClick:function e(){if(y){return}t.toggleExpanded()}},p),i.default.createElement("span",{style:m.loadingContainer},h&&i.default.createElement(s.default,null)),(a||c)&&f?i.default.createElement("span",{className:"xButton",onClick:function e(t){if(y){return}if(r.refs.selectPanel){r.refs.selectPanel.selectNone()}else{v.onSelectedChanged([]);r.setState({clearable:false})}t.stopPropagation();t.preventDefault()}}):"",i.default.createElement("span",{id:"dropdown-arrow",style:m.dropdownArrow,onClick:function e(){if(y){return}t.toggleExpanded()}},i.default.createElement("span",{style:n({},m.dropdownArrowDown)}))),a&&this.renderPanel())}}]);return t}(a.Component);var b='\n                .xButton {\n                    display: table-cell;\n                    position: relative;\n                    width: 16px;\n                    height: 16px;\n                    transition: transform .25s ease-in-out;\n                }\n                .xButton:before {\n                    content: "";\n                    position: absolute;\n                    display: block;\n                    margin: auto;\n                    left: 0;\n                    right: 0;\n                    top: 0;\n                    bottom: 0;\n                    width: 16px;\n                    height: 0;\n                    border-top: 1px solid rgba(0,0,0,0.5);\n                    transform: rotate(45deg);\n                    transform-origin: center;\n                }\n                .xButton:after {\n                    content: "";\n                    position: absolute;\n                    display: block;\n                    margin: auto;\n                    left: 0;\n                    right: 0;\n                    top: 0;\n                    bottom: 0;\n                    width: 16px;\n                    height: 0;\n                    border-top: 1px solid rgba(0,0,0,0.5);\n                    transform: rotate(-45deg);\n                    transform-origin: center;\n                }\n                .xButton:hover {\n                    cursor:pointer;\n                }\n';var y="";var m={dropdownArrow:{boxSizing:"border-box",cursor:"pointer",display:"table-cell",position:"relative",textAlign:"center",verticalAlign:"middle",width:25,paddingRight:5},dropdownArrowDown:{boxSizing:"border-box",borderColor:"rgb(204, 204, 204) transparent transparent",borderStyle:"solid",borderWidth:"4px 4px 2px",display:"inline-block",height:0,width:0,position:"relative"},dropdownChildren:{boxSizing:"border-box",bottom:0,color:"#333",left:0,lineHeight:"34px",paddingLeft:10,paddingRight:10,position:"absolute",right:0,top:0,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteWpace:"nowrap"},dropdownContainer:{position:"relative",boxSizing:"border-box",outline:"none",width:"100%"},dropdownHeader:{boxSizing:"border-box",backgroundColor:"#fff",borderColor:"rgba(34, 36, 38, 0.15)",borderRadius:4,borderBottomRightRadius:4,borderBottomLeftRadius:4,border:"1px solid rgba(34, 36, 38, 0.15)",color:"rgba(0, 0, 0, 0.87)",cursor:"default",display:"table",borderSpacing:0,borderCollapse:"separate",height:38,outline:"none",overflow:"hidden",position:"relative",width:"100%"},disable:{backgroundColor:"#f7f7f7"},enabled:{backgroundColor:"#fff"},dropdownHeaderFocused:{borderColor:"#96C8DA",boxShadow:"none"},dropdownHeaderHover:{borderColor:"rgba(34, 36, 38, 0.35)"},dropdownHeaderExpanded:{borderColor:"#96C8DA",borderBottomRightRadius:"0px",borderBottomLeftRadius:"0px"},loadingContainer:{cursor:"pointer",display:"table-cell",verticalAlign:"middle",width:"16px"},panelContainer:{borderBottomRightRadius:"4px",borderBottomLeftRadius:"4px",backgroundColor:"#fff",border:"1px solid #96C8DA",borderTopColor:"#e6e6e6",boxShadow:"0 1px 0 rgba(0, 0, 0, 0.06)",boxSizing:"border-box",marginTop:"-1px",maxHeight:"500px",position:"absolute",top:"100%",width:"100%",zIndex:99,overflowY:"auto"}};t.default=v},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var a=r(9);var i=r(0);var l=h(i);var u=r(1);var c=h(u);var s=r(2);var f=h(s);var d=r(7);var p=h(d);function h(e){return e&&e.__esModule?e:{default:e}}function v(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function b(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function y(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}function m(e,t){if(c.default.isArray(e.value)){return false}else if(typeof e.value==="string"&&e.value.startsWith("[")){try{var r=JSON.parse(e.value);return false}catch(e){}}return true}var g=function(e){y(t,e);function t(){var e;var r,n,o;v(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=b(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={searchHasFocus:false,searchText:"",focusIndex:0},n.selectAll=function(){var e=n.props,t=e.onSelectedChanged,r=e.options,o=e.isLeafChecker;var a=o?o:m;var i=c.default.chain(r).map(function(e){return a(e,r)?e.value:null}).without(null,undefined).value();t(i)},n.selectNone=function(){var e=n.props.onSelectedChanged;e([])},n.selectAllChanged=function(e){if(e){n.selectAll()}else{n.selectNone()}},n.handleSearchChange=function(e){n.setState({searchText:e.target.value,focusIndex:-1})},n.handleItemClicked=function(e){n.setState({focusIndex:e})},n.clearSearch=function(){n.setState({searchText:""})},n.handleKeyDown=function(e){switch(e.which){case 38:if(e.altKey){return}n.updateFocus(-1);break;case 40:if(e.altKey){return}n.updateFocus(1);break;default:return}e.stopPropagation();e.preventDefault()},n.handleSearchFocus=function(e){n.setState({searchHasFocus:e,focusIndex:-1})},r),b(n,o)}o(t,[{key:"allAreSelected",value:function e(){var t=this.props,r=t.options,n=t.selected,o=t.isLeafChecker;var a=o?o:m;var i=c.default.chain(r).map(function(e){return a(e,r)?e.value:null}).without(null,undefined).value();return i.length===n.length}},{key:"filteredOptions",value:function e(){var t=this.state.searchText;var r=this.props,n=r.options,o=r.searchFunc;var i=c.default.map(n,function(e){if(!e.label){return c.default.assign(e,{label:e.text})}else{return e}});return o?o(i,t):(0,a.filterOptions)(i,t)}},{key:"updateFocus",value:function e(t){var r=this.state.focusIndex;var n=this.props.options;var o=r+t;o=Math.max(0,o);o=Math.min(o,n.length);this.setState({focusIndex:o})}},{key:"render",value:function e(){var t=this;var r=this.state,o=r.focusIndex,a=r.searchHasFocus;var i=this.props,u=i.ItemRenderer,c=i.selectAllLabel,s=i.enableSearch,d=i.leafOnly;var h={label:c,value:""};var v=a?w.searchFocused:undefined;return l.default.createElement("div",{style:w.panel,role:"listbox",onKeyDown:this.handleKeyDown},s?l.default.createElement("div",{style:w.searchContainer},l.default.createElement("input",{placeholder:"Search",type:"text",onChange:this.handleSearchChange,style:n({},w.search,v),onFocus:function e(){return t.handleSearchFocus(true)},onBlur:function e(){return t.handleSearchFocus(false)}})):"",c?l.default.createElement(f.default,{focused:o===0,checked:this.allAreSelected(),option:h,onSelectionChanged:this.selectAllChanged,onClick:function e(){return t.handleItemClicked(0)},selectable:true,ItemRenderer:u}):"",l.default.createElement(p.default,n({},this.props,{options:this.filteredOptions(),focusIndex:o-1,onClick:function e(r,n){return t.handleItemClicked(n+1)},ItemRenderer:u,leafOnly:d})))}}]);return t}(i.Component);var w={panel:{boxSizing:"border-box"},search:{display:"block",maxWidth:"100%",borderRadius:"3px",boxSizing:"border-box",height:"30px",lineHeight:"24px",border:"1px solid",borderColor:"#dee2e4",padding:"10px",width:"100%",outline:"none"},searchFocused:{borderColor:"#96C8DA"},searchContainer:{width:"100%",boxSizing:"border-box",padding:"0.5em"}};t.default=g},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});t.Dropdown=undefined;var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var o=r(0);var a=s(o);var i=r(3);var l=s(i);var u=r(4);var c=s(u);function s(e){return e&&e.__esModule?e:{default:e}}function f(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function d(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function p(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var h=function(e){p(t,e);function t(){f(this,t);return d(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}n(t,[{key:"getSelectedText",value:function e(){var t=this.props,r=t.options,n=t.selected;var o=n.map(function(e){return r.find(function(t){return t.value===e})});var a=o.map(function(e){return e?e.label:""});return a.join(", ")}},{key:"renderHeader",value:function e(){var t=this.props,r=t.options,n=t.selected,o=t.valueRenderer;var i=n.length===0;var l=n.length===r.length;var u=o&&o(n,r);if(i){return a.default.createElement("span",{style:v.noneSelected},u||"Select some items...")}if(u){return a.default.createElement("span",null,u)}return a.default.createElement("span",null,l?"All items are selected":this.getSelectedText())}},{key:"render",value:function e(){var t=this.props,r=t.ItemRenderer,n=t.options,o=t.selected,i=t.selectAllLabel,u=t.onSelectedChanged,s=t.isLoading,f=t.enableSearch,d=t.leafOnly,p=t.isLeafChecker,h=t.disabled,v=t.searchFunc;return a.default.createElement(l.default,{isLoading:s,disabled:h,contentComponent:c.default,contentProps:{ItemRenderer:r,options:n,selected:o,selectAllLabel:i,onSelectedChanged:u,enableSearch:f,leafOnly:d,isLeafChecker:p,searchFunc:v}},this.renderHeader())}}]);return t}(o.Component);var v={noneSelected:{color:"#aaa"}};t.default=h;t.Dropdown=l.default},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var o=r(0);var a=i(o);function i(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function u(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function c(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var s="__react-multi-select_style_inject__";function f(){var e=Array.from(document.styleSheets).find(function(e){return e.title===s});var t=e;return t}function d(e){try{if(f()){return}var t=document.createElement("style");t.setAttribute("title",s);document.head&&document.head.appendChild(t);var r=f();if(!r){return}r.insertRule(e,0)}catch(e){}}var p=function(e){c(t,e);function t(){l(this,t);return u(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}n(t,[{key:"componentWillMount",value:function e(){d(h)}},{key:"render",value:function e(){return a.default.createElement("span",{style:v.loading})}}]);return t}(o.Component);var h="\n@keyframes react-multi-select_loading-spin {\n    to {\n        transform: rotate(1turn);\n    }\n}\n";var v={loading:{animation:"react-multi-select_loading-spin 400ms infinite linear",width:"16px",height:"16px",boxSizing:"border-box",borderRadius:"50%",border:"2px solid #ccc",borderRightColor:"#333",display:"inline-block",position:"relative",verticalAlign:"middle"}};t.default=p},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var o=r(0);var a=s(o);var i=r(1);var l=s(i);var u=r(2);var c=s(u);function s(e){return e&&e.__esModule?e:{default:e}}function f(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++){r[t]=e[t]}return r}else{return Array.from(e)}}function d(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function p(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function h(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var v=function(e){h(t,e);function t(){var e;var r,n,o;d(this,t);for(var a=arguments.length,i=Array(a),u=0;u<a;u++){i[u]=arguments[u]}return o=(r=(n=p(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.handleSelectionChanged=function(e,t){var r=n.props,o=r.selected,a=r.onSelectedChanged,i=r.options;var u=o;if(t){u=[].concat(f(o),[e.value])}else{var c=o.indexOf(e.value);u=[].concat(f(o.slice(0,c)),f(o.slice(c+1)))}if(e.level!==undefined&&e.level!==null){n.computeActiveLevel(u,i);u=l.default.filter(u,function(e){var t=l.default.find(n.props.options,{value:e});return t&&t.level<=n.activeLevel})}a(u)},r),p(n,o)}n(t,[{key:"computeActiveLevel",value:function e(t,r){var n=this;this.activeLevel=99;l.default.each(r,function(e){if(t.indexOf(e.value)>=0&&e.level&&e.level<n.activeLevel){n.activeLevel=e.level}})}},{key:"renderItems",value:function e(){var t=this;var r=this.props,n=r.ItemRenderer,o=r.options,i=r.selected,u=r.focusIndex,s=r.onClick,f=r.leafOnly;this.computeActiveLevel(i,o);var d=l.default.maxBy(o,"level");return o.map(function(e,r){return a.default.createElement("li",{style:b.listItem,key:r},a.default.createElement(c.default,{focused:u===r,option:e,onSelectionChanged:function r(n){return t.handleSelectionChanged(e,n)},checked:i.includes(e.value),onClick:function(e){function t(t){return e.apply(this,arguments)}t.toString=function(){return e.toString()};return t}(function(e){return s(e,r)}),ItemRenderer:n,selected:i,options:o,disable:e.level?e.level>t.activeLevel:false,selectable:f?e.level===d.level:true}))})}},{key:"render",value:function e(){return a.default.createElement("ul",{style:b.list},this.renderItems())}}]);return t}(o.Component);var b={list:{margin:0,paddingLeft:0},listItem:{listStyle:"none"}};t.default=v},function(e,t,r){(function n(o,a){if(true)e.exports=a(r(0));else if(typeof define==="function"&&define.amd)define(["react"],a);else if(typeof t==="object")t["Style"]=a(require("react"));else o["Style"]=a(o["React"])})(this,function(e){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var o=t[n]={exports:{},id:n,loaded:false};e[n].call(o.exports,o,o.exports,r);o.loaded=true;return o.exports}r.m=e;r.c=t;r.p="";return r(0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:true});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r){if(Object.prototype.hasOwnProperty.call(r,n)){e[n]=r[n]}}}return e};var o=typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol==="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};var a=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||false;n.configurable=true;if("value"in n)n.writable=true;Object.defineProperty(e,n.key,n)}}return function(t,r,n){if(r)e(t.prototype,r);if(n)e(t,n);return t}}();var i=r(2);var l=s(i);var u=r(1);var c=s(u);function s(e){return e&&e.__esModule?e:{default:e}}function f(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function d(e,t){if(!e){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return t&&(typeof t==="object"||typeof t==="function")?t:e}function p(e,t){if(typeof t!=="function"&&t!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof t)}e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:false,writable:true,configurable:true}});if(t)Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t}var h="production"!=="production";var v=function(e){p(t,e);function t(e){f(this,t);var r=d(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));r.getStyleString=function(){if(r.props.children instanceof Array){var e=r.props.children.filter(function(e){return!(0,i.isValidElement)(e)&&typeof e==="string"});if(e.length>1){throw new Error("Multiple style objects as direct descedents of a "+"Style component are not supported ("+e.length+" style objects detected): \n\n"+e[0])}return e[0]}else if(typeof r.props.children==="string"&&!(0,i.isValidElement)(r.props.children)){return r.props.children}else{return null}};r.getRootElement=function(){if(r.props.children instanceof Array){var e=r.props.children.filter(function(e){return(0,i.isValidElement)(e)});if(h){if(e.length>1){console.log(e);throw new Error("Adjacent JSX elements must be wrapped in an enclosing tag ("+e.length+" root elements detected).")}if(typeof e[0]!=="undefined"&&r.isVoidElement(e[0].type)){throw new Error("Self-closing void elements like "+e.type+" must be wrapped "+"in an enclosing tag. Reactive Style must be able to nest a style element "+"inside of the root element and void element content models never allow"+"it to have contents under any circumstances.")}}return e[0]}else if((0,i.isValidElement)(r.props.children)){return r.props.children}else{return null}};r.getRootSelectors=function(e){var t=[];if(e.props.id){t.push("#"+e.props.id)}if(e.props.className){e.props.className.trim().split(/\s+/g).forEach(function(e){return t.push(e)})}if(!t.length&&typeof e.type!=="function"){t.push(e.type)}return t};r.processCSSText=function(e,t,n){return e.replace(/\s*\/\/(?![^\(]*\)).*|\s*\/\*.*\*\//g,"").replace(/\s\s+/g," ").split("}").map(function(e){var o=/.*:.*;/g;var a=/\s*@/g;var i=/\s*(([0-9][0-9]?|100)\s*%)|\s*(to|from)\s*$/g;return e.split("{").map(function(e){if(!e.trim().length){return}if(e.match(o)){return r.escapeTextContentForBrowser(e.replace(/lsquo|rsquo/g,"").replace(/content\s*:\s*['"](.*)['"]\s*;/,"content: lsquo;$1rsquo;;").replace(/['"]/g,"")).replace(/lsquo;|rsquo;/g,"'").replace(/$/g,"\n")}else{var l=e;if(t&&!/:target/gi.test(l)){if(!l.match(a)&&!l.match(i)){return r.scopeSelector(t,l,n)}else{return l}}else{return l}}}).join("{\n")}).join("}\n")};r.escaper=function(e){var t={">":"&gt;","<":"&lt;",'"':"&quot;","'":"&#x27;"};return t[e]};r.escapeTextContentForBrowser=function(e){var t=/[><"']/g;return(""+e).replace(t,r.escaper)};r.scopeSelector=function(e,t,r){var n=[];var o=/,(?![^\(|\[]*\)|\])/g;var a=t.split(o);for(var i=0;i<a.length;i++){var l=void 0;var u=void 0;if(r.length&&r.some(function(e){return t.match(e)})){u=a[i];var c=r.map(function(e){return e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")});u=u.replace(new RegExp("("+c.join("|")+")"),"$1"+e);l=e+" "+a[i];n.push(u,l)}else{l=e+" "+a[i];n.push(l)}}return n.join(", ")};r.getScopeClassName=function(e,t){var n=e;if(t){r.pepper="";r.traverseObjectToGeneratePepper(t);n+=r.pepper}return(h?"_scope-":"_")+(0,c.default)(n)};r.traverseObjectToGeneratePepper=function(e){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;if(t>32||r.pepper.length>1e4)return;for(var n in e){var a=/^[_\$]|type|ref|^value$/.test(n);if(!!e[n]&&o(e[n])==="object"&&!a){r.traverseObjectToGeneratePepper(e[n],t+1)}else if(!!e[n]&&!a&&typeof e[n]!=="function"){r.pepper+=e[n]}}};r.isVoidElement=function(e){return["area","base","br","col","command","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"].some(function(t){return e===t})};r.addCSSTextToHead=function(e){if(!e.length){return}else{var t=(0,c.default)(e);if(!window._reactiveStyle.cssTextHashesAddedToHead.some(function(e){return e===t})){window._reactiveStyle.el.innerHTML+=e;window._reactiveStyle.cssTextHashesAddedToHead.push(t)}}};r.createStyleElement=function(e,t){return l.default.createElement("style",{type:"text/css",key:t,ref:function e(t){return r._style=t},dangerouslySetInnerHTML:{__html:e||""}})};r.getNewChildrenForCloneElement=function(e,t,n){return[r.createStyleElement(e,n)].concat(t.props.children)};r.scopeClassNameCache={};r.scopedCSSTextCache={};return r}a(t,[{key:"render",value:function e(){if(!this.props.children){return this.createStyleElement()}var t=this.getStyleString();var r=this.getRootElement();if(!t&&r){return r.props.children}else if(t&&!r){return this.createStyleElement(this.processCSSText(t),this.getScopeClassName(t,r))}else{var o=r.props.className?r.props.className+" ":"";var a=r.props.id?r.props.id:"";var l=void 0;var u=void 0;var c=o+a+t;if(this.scopeClassNameCache[c]){l=this.scopeClassNameCache[c];u=this.scopedCSSTextCache[l]}else{l=this.getScopeClassName(t,r);u=this.processCSSText(t,"."+l,this.getRootSelectors(r));this.scopeClassNameCache[c]=l;this.scopedCSSTextCache[l]=u}return(0,i.cloneElement)(r,n({},r.props,{className:""+o+l}),this.getNewChildrenForCloneElement(u,r,l))}}}]);return t}(i.Component);v.it=function(e,t){return l.default.createElement(v,null,e,t)};t.default=v},function(e,t){"use strict";var r=65521;function n(e){var t=1;var n=0;var o=0;var a=e.length;var i=a&~3;while(o<i){var l=Math.min(o+4096,i);for(;o<l;o+=4){n+=(t+=e.charCodeAt(o))+(t+=e.charCodeAt(o+1))+(t+=e.charCodeAt(o+2))+(t+=e.charCodeAt(o+3))}t%=r;n%=r}
+for(;o<a;o++){n+=t+=e.charCodeAt(o)}t%=r;n%=r;return t|n<<16}e.exports=n},function(t,r){t.exports=e}])})},function(e,t){e.exports=require("fuzzy-match-utils")}]));

dist/dropdown.js

@@ -220,3 +220,3 @@ 'use strict';
                     'div',
-                    { style: _extends({}, styles.dropdownHeader, expandedHeaderStyle, hoverHeaderStyle, focusedHeaderStyle) },
+                    { style: _extends({}, styles.dropdownHeader, disabled ? styles.disable : styles.enable, expandedHeaderStyle, hoverHeaderStyle, focusedHeaderStyle) },
                     _react2.default.createElement(
@@ -350,2 +350,8 @@ 'span',
     },
+    disable: {
+        backgroundColor: '#f7f7f7'
+    },
+    enabled: {
+        backgroundColor: '#fff'
+    },
     dropdownHeaderFocused: {
@@ -352,0 +358,0 @@ borderColor: '#96C8DA',

package.json

 {
   "name": "simple-multi-select",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A simple port from React Multi Select Component https://github.com/khan/react-multi-select",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

457064

increased by0.09%

Lines of code

3054

increased by0.39%

No dependency changes