simple-multi-select - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

dist/bundled.js

@@ -274,6 +274,7 @@ (function(e, a) { for(var i in a) e[i] = a[i]; }(exports, /******/ (function(modules) { // webpackBootstrap
         display: 'block',
-        padding: '8px 10px'
+        padding: '10px 10px',
+        outline: 0
     },
     itemContainerHover: {
-        backgroundColor: '#ebf5ff',
+        backgroundColor: 'rgba(0,0,0,0.06)',
         outline: 0
@@ -559,3 +560,3 @@ },
         backgroundColor: '#fff',
-        borderColor: '#d9d9d9 #ccc #b3b3b3',
+        borderColor: 'rgba(34, 36, 38, 0.15)',
         borderRadius: 4,
@@ -562,0 +563,0 @@ borderBottomRightRadius: 4,

dist/bundled.min.js

@@ -1,1 +0,1 @@
-(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=4)}([function(e,t){e.exports=require("react")},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=l(a);function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function c(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 s(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 d=function(e){s(t,e);function t(){u(this,t);return c(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}o(t,[{key:"render",value:function e(){var t=this.props,r=t.checked,n=t.option,o=t.onClick;return i.default.createElement("span",null,i.default.createElement("input",{type:"checkbox",onChange:o,checked:r,tabIndex:"-1"}),i.default.createElement("span",{style:p.label},n.label))}}]);return t}(a.Component);var f=function(e){s(t,e);function t(){var e;var r,n,o;u(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=c(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),c(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,u=r.focused;var c=this.state.hovered;var s=u||c?p.itemContainerHover:undefined;return i.default.createElement("label",{role:"option","aria-selected":l,selected:l,tabIndex:"-1",style:n({},p.itemContainer,s),onClick:this.handleClick,ref:function e(r){return t.itemRef=r},onKeyDown:this.handleKeyDown,onMouseOver:function e(){return t.setState({hovered:true})},onMouseOut:function e(){return t.setState({hovered:false})}},i.default.createElement(o,{option:a,checked:l,onClick:this.handleClick}))}}]);return t}(a.Component);f.defaultProps={ItemRenderer:d};var p={itemContainer:{boxSizing:"border-box",backgroundColor:"#fff",color:"#666666",cursor:"pointer",display:"block",padding:"8px 10px"},itemContainerHover:{backgroundColor:"#ebf5ff",outline:0},label:{display:"inline-block",verticalAlign:"middle",borderBottomRightRadius:"2px",borderTopRightRadius:"2px",cursor:"default",padding:"2px 5px"}};t.default=f},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(5);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 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 f(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){f(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=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={expanded:false,hasFocus:false},n.handleDocumentClick=function(e){if(n.wrapper&&!n.wrapper.contains(e.target)){n.setState({expanded:false})}},n.handleKeyDown=function(e){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(e.target===n.wrapper&&!t){n.setState({hasFocus:true})}},n.handleBlur=function(e){var t=n.state.hasFocus;if(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),d(n,o)}o(t,[{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.props,r=t.contentComponent,n=t.contentProps;return i.default.createElement("div",{style:b.panelContainer},i.default.createElement(r,n))}},{key:"render",value:function e(){var t=this;var r=this.state,o=r.expanded,a=r.hasFocus;var l=this.props,c=l.children,s=l.isLoading;var d=o?b.dropdownHeaderExpanded:undefined;var f=a?b.dropdownHeaderFocused:undefined;var p=o?b.dropdownArrowUp:b.dropdownArrowDown;var h=a?b.dropdownArrowDownFocused:undefined;return i.default.createElement("div",{tabIndex:"0",role:"combobox","aria-expanded":o,"aria-readonly":"true",style:b.dropdownContainer,ref:function e(r){return t.wrapper=r},onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},i.default.createElement("div",{style:n({},b.dropdownHeader,d,f),onClick:function e(){return t.toggleExpanded()}},i.default.createElement("span",{style:b.dropdownChildren},c),i.default.createElement("span",{style:b.loadingContainer},s&&i.default.createElement(u.default,null)),i.default.createElement("span",{style:b.dropdownArrow},i.default.createElement("span",{style:n({},p,h)}))),o&&this.renderPanel())}}]);return t}(a.Component);var h="#96C8DA";var b={dropdownArrow:{boxSizing:"border-box",cursor:"pointer",display:"table-cell",position:"relative",textAlign:"center",verticalAlign:"middle",width:25,paddingRight:5},dropdownArrowDown:{boxSizing:"border-box",borderColor:"#999 transparent transparent",borderStyle:"solid",borderWidth:"5px 5px 2.5px",display:"inline-block",height:0,width:0,position:"relative"},dropdownArrowDownFocused:{borderColor:h+" transparent transparent"},dropdownArrowUp:{boxSizing:"border-box",top:"-2px",borderColor:"transparent transparent #999",borderStyle:"solid",borderWidth:"0px 5px 5px",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:"#d9d9d9 #ccc #b3b3b3",borderRadius:4,borderBottomRightRadius:4,borderBottomLeftRadius:4,border:"1px solid #ccc",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:h,boxShadow:"none"},dropdownHeaderExpanded:{borderColor:"#96C8DA #96C8DA #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:"300px",position:"absolute",top:"100%",width:"100%",zIndex:1,overflowY:"auto"}};t.default=p},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(7);var i=r(0);var l=f(i);var u=r(1);var c=f(u);var s=r(6);var d=f(s);function f(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function h(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 b(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){b(t,e);function t(){var e;var r,n,o;p(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=h(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;var o=r.map(function(e){return e.value});t(o)},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),h(n,o)}o(t,[{key:"allAreSelected",value:function e(){var t=this.props,r=t.options,n=t.selected;return r.length===n.length}},{key:"filteredOptions",value:function e(){var t=this.state.searchText;var r=this.props.options;return(0,a.filterOptions)(r,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,s=i.selectAllLabel,f=i.enableSearch;var p={label:s||"Select All",value:""};var h=a?y.searchFocused:undefined;return l.default.createElement("div",{style:y.panel,role:"listbox",onKeyDown:this.handleKeyDown},f?l.default.createElement("div",{style:y.searchContainer},l.default.createElement("input",{placeholder:"Search",type:"text",onChange:this.handleSearchChange,style:n({},y.search,h),onFocus:function e(){return t.handleSearchFocus(true)},onBlur:function e(){return t.handleSearchFocus(false)}})):"",l.default.createElement(c.default,{focused:o===0,checked:this.allAreSelected(),option:p,onSelectionChanged:this.selectAllChanged,onClick:function e(){return t.handleItemClicked(0)},ItemRenderer:u}),l.default.createElement(d.default,n({},this.props,{options:this.filteredOptions(),focusIndex:o-1,onClick:function e(r,n){return t.handleItemClicked(n+1)},ItemRenderer:u})))}}]);return t}(i.Component);var y={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=v},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(2);var l=s(i);var u=r(3);var c=s(u);function s(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 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 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(){d(this,t);return f(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:b.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,d=t.enableSearch;return a.default.createElement(l.default,{isLoading:s,contentComponent:c.default,contentProps:{ItemRenderer:r,options:n,selected:o,selectAllLabel:i,onSelectedChanged:u,enableSearch:d}},this.renderHeader())}}]);return t}(o.Component);var b={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 d(){var e=Array.from(document.styleSheets).find(function(e){return e.title===s});var t=e;return t}function f(e){try{if(d()){return}var t=document.createElement("style");t.setAttribute("title",s);document.head&&document.head.appendChild(t);var r=d();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(){f(h)}},{key:"render",value:function e(){return a.default.createElement("span",{style:b.loading})}}]);return t}(o.Component);var h="\n@keyframes react-multi-select_loading-spin {\n    to {\n        transform: rotate(1turn);\n    }\n}\n";var b={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=u(o);var i=r(1);var l=u(i);function u(e){return e&&e.__esModule?e:{default:e}}function c(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 s(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 f(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){f(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=d(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;if(t){a([].concat(c(o),[e.value]))}else{var i=o.indexOf(e.value);var l=[].concat(c(o.slice(0,i)),c(o.slice(i+1)));a(l)}},r),d(n,o)}n(t,[{key:"renderItems",value:function e(){var t=this;var r=this.props,n=r.ItemRenderer,o=r.options,i=r.selected,u=r.focusIndex,c=r.onClick;return o.map(function(e,r){return a.default.createElement("li",{style:h.listItem,key:r},a.default.createElement(l.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 c(e,r)}),ItemRenderer:n}))})}},{key:"render",value:function e(){return a.default.createElement("ul",{style:h.list},this.renderItems())}}]);return t}(o.Component);var h={list:{margin:0,paddingLeft:0},listItem:{listStyle:"none"}};t.default=p},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=4)}([function(e,t){e.exports=require("react")},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=l(a);function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function c(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 s(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 d=function(e){s(t,e);function t(){u(this,t);return c(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}o(t,[{key:"render",value:function e(){var t=this.props,r=t.checked,n=t.option,o=t.onClick;return i.default.createElement("span",null,i.default.createElement("input",{type:"checkbox",onChange:o,checked:r,tabIndex:"-1"}),i.default.createElement("span",{style:p.label},n.label))}}]);return t}(a.Component);var f=function(e){s(t,e);function t(){var e;var r,n,o;u(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=c(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),c(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,u=r.focused;var c=this.state.hovered;var s=u||c?p.itemContainerHover:undefined;return i.default.createElement("label",{role:"option","aria-selected":l,selected:l,tabIndex:"-1",style:n({},p.itemContainer,s),onClick:this.handleClick,ref:function e(r){return t.itemRef=r},onKeyDown:this.handleKeyDown,onMouseOver:function e(){return t.setState({hovered:true})},onMouseOut:function e(){return t.setState({hovered:false})}},i.default.createElement(o,{option:a,checked:l,onClick:this.handleClick}))}}]);return t}(a.Component);f.defaultProps={ItemRenderer:d};var p={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},label:{display:"inline-block",verticalAlign:"middle",borderBottomRightRadius:"2px",borderTopRightRadius:"2px",cursor:"default",padding:"2px 5px"}};t.default=f},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(5);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 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 f(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){f(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=d(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),n),n.state={expanded:false,hasFocus:false},n.handleDocumentClick=function(e){if(n.wrapper&&!n.wrapper.contains(e.target)){n.setState({expanded:false})}},n.handleKeyDown=function(e){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(e.target===n.wrapper&&!t){n.setState({hasFocus:true})}},n.handleBlur=function(e){var t=n.state.hasFocus;if(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),d(n,o)}o(t,[{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.props,r=t.contentComponent,n=t.contentProps;return i.default.createElement("div",{style:b.panelContainer},i.default.createElement(r,n))}},{key:"render",value:function e(){var t=this;var r=this.state,o=r.expanded,a=r.hasFocus;var l=this.props,c=l.children,s=l.isLoading;var d=o?b.dropdownHeaderExpanded:undefined;var f=a?b.dropdownHeaderFocused:undefined;var p=o?b.dropdownArrowUp:b.dropdownArrowDown;var h=a?b.dropdownArrowDownFocused:undefined;return i.default.createElement("div",{tabIndex:"0",role:"combobox","aria-expanded":o,"aria-readonly":"true",style:b.dropdownContainer,ref:function e(r){return t.wrapper=r},onKeyDown:this.handleKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur},i.default.createElement("div",{style:n({},b.dropdownHeader,d,f),onClick:function e(){return t.toggleExpanded()}},i.default.createElement("span",{style:b.dropdownChildren},c),i.default.createElement("span",{style:b.loadingContainer},s&&i.default.createElement(u.default,null)),i.default.createElement("span",{style:b.dropdownArrow},i.default.createElement("span",{style:n({},p,h)}))),o&&this.renderPanel())}}]);return t}(a.Component);var h="#96C8DA";var b={dropdownArrow:{boxSizing:"border-box",cursor:"pointer",display:"table-cell",position:"relative",textAlign:"center",verticalAlign:"middle",width:25,paddingRight:5},dropdownArrowDown:{boxSizing:"border-box",borderColor:"#999 transparent transparent",borderStyle:"solid",borderWidth:"5px 5px 2.5px",display:"inline-block",height:0,width:0,position:"relative"},dropdownArrowDownFocused:{borderColor:h+" transparent transparent"},dropdownArrowUp:{boxSizing:"border-box",top:"-2px",borderColor:"transparent transparent #999",borderStyle:"solid",borderWidth:"0px 5px 5px",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 #ccc",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:h,boxShadow:"none"},dropdownHeaderExpanded:{borderColor:"#96C8DA #96C8DA #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:"300px",position:"absolute",top:"100%",width:"100%",zIndex:1,overflowY:"auto"}};t.default=p},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(7);var i=r(0);var l=f(i);var u=r(1);var c=f(u);var s=r(6);var d=f(s);function f(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(!(e instanceof t)){throw new TypeError("Cannot call a class as a function")}}function h(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 b(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){b(t,e);function t(){var e;var r,n,o;p(this,t);for(var a=arguments.length,i=Array(a),l=0;l<a;l++){i[l]=arguments[l]}return o=(r=(n=h(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;var o=r.map(function(e){return e.value});t(o)},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),h(n,o)}o(t,[{key:"allAreSelected",value:function e(){var t=this.props,r=t.options,n=t.selected;return r.length===n.length}},{key:"filteredOptions",value:function e(){var t=this.state.searchText;var r=this.props.options;return(0,a.filterOptions)(r,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,s=i.selectAllLabel,f=i.enableSearch;var p={label:s||"Select All",value:""};var h=a?y.searchFocused:undefined;return l.default.createElement("div",{style:y.panel,role:"listbox",onKeyDown:this.handleKeyDown},f?l.default.createElement("div",{style:y.searchContainer},l.default.createElement("input",{placeholder:"Search",type:"text",onChange:this.handleSearchChange,style:n({},y.search,h),onFocus:function e(){return t.handleSearchFocus(true)},onBlur:function e(){return t.handleSearchFocus(false)}})):"",l.default.createElement(c.default,{focused:o===0,checked:this.allAreSelected(),option:p,onSelectionChanged:this.selectAllChanged,onClick:function e(){return t.handleItemClicked(0)},ItemRenderer:u}),l.default.createElement(d.default,n({},this.props,{options:this.filteredOptions(),focusIndex:o-1,onClick:function e(r,n){return t.handleItemClicked(n+1)},ItemRenderer:u})))}}]);return t}(i.Component);var y={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=v},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(2);var l=s(i);var u=r(3);var c=s(u);function s(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 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 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(){d(this,t);return f(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:b.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,d=t.enableSearch;return a.default.createElement(l.default,{isLoading:s,contentComponent:c.default,contentProps:{ItemRenderer:r,options:n,selected:o,selectAllLabel:i,onSelectedChanged:u,enableSearch:d}},this.renderHeader())}}]);return t}(o.Component);var b={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 d(){var e=Array.from(document.styleSheets).find(function(e){return e.title===s});var t=e;return t}function f(e){try{if(d()){return}var t=document.createElement("style");t.setAttribute("title",s);document.head&&document.head.appendChild(t);var r=d();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(){f(h)}},{key:"render",value:function e(){return a.default.createElement("span",{style:b.loading})}}]);return t}(o.Component);var h="\n@keyframes react-multi-select_loading-spin {\n    to {\n        transform: rotate(1turn);\n    }\n}\n";var b={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=u(o);var i=r(1);var l=u(i);function u(e){return e&&e.__esModule?e:{default:e}}function c(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 s(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 f(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){f(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=d(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;if(t){a([].concat(c(o),[e.value]))}else{var i=o.indexOf(e.value);var l=[].concat(c(o.slice(0,i)),c(o.slice(i+1)));a(l)}},r),d(n,o)}n(t,[{key:"renderItems",value:function e(){var t=this;var r=this.props,n=r.ItemRenderer,o=r.options,i=r.selected,u=r.focusIndex,c=r.onClick;return o.map(function(e,r){return a.default.createElement("li",{style:h.listItem,key:r},a.default.createElement(l.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 c(e,r)}),ItemRenderer:n}))})}},{key:"render",value:function e(){return a.default.createElement("ul",{style:h.list},this.renderItems())}}]);return t}(o.Component);var h={list:{margin:0,paddingLeft:0},listItem:{listStyle:"none"}};t.default=p},function(e,t){e.exports=require("fuzzy-match-utils")}]));

dist/dropdown.js

@@ -262,3 +262,3 @@ 'use strict';
         backgroundColor: '#fff',
-        borderColor: '#d9d9d9 #ccc #b3b3b3',
+        borderColor: 'rgba(34, 36, 38, 0.15)',
         borderRadius: 4,
@@ -265,0 +265,0 @@ borderBottomRightRadius: 4,

dist/select-item.js

@@ -195,6 +195,7 @@ "use strict";
         display: 'block',
-        padding: '8px 10px'
+        padding: '10px 10px',
+        outline: 0
     },
     itemContainerHover: {
-        backgroundColor: '#ebf5ff',
+        backgroundColor: 'rgba(0,0,0,0.06)',
         outline: 0
@@ -201,0 +202,0 @@ },

package.json

 {
   "name": "simple-multi-select",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "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

398217

increased by0.02%

Lines of code

2048

increased by0.1%

No dependency changes