🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

react-bootstrap-typeahead

Package Overview
Dependencies
Maintainers
1
Versions
182
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-bootstrap-typeahead - npm Package Compare versions

Comparing version

0.1.3
to
0.1.4

.eslintrc
build/react-bootstrap-typeahead.js.map

141

build/react-bootstrap-typeahead.js

@@ -49,3 +49,3 @@ /******/ (function(modules) { // webpackBootstrap

var _react = __webpack_require__(2);
var _react = __webpack_require__(1);

@@ -66,15 +66,11 @@ var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(1);
var _classnames2 = _interopRequireDefault(_classnames);
var _reactDom = __webpack_require__(6);
var _lodash = __webpack_require__(7);
var _lodash = __webpack_require__(9);
var _keyCode = __webpack_require__(3);
var _keyCode = __webpack_require__(2);
var _keyCode2 = _interopRequireDefault(_keyCode);
var _reactOnclickoutside = __webpack_require__(8);
var _reactOnclickoutside = __webpack_require__(7);

@@ -87,6 +83,5 @@ var _reactOnclickoutside2 = _interopRequireDefault(_reactOnclickoutside);

var cloneElement = _react2['default'].cloneElement;
var PropTypes = _react2['default'].PropTypes;
__webpack_require__(9);
__webpack_require__(8);

@@ -137,11 +132,7 @@ /**

var defaultSelected = _props.defaultSelected;
var labelKey = _props.labelKey;
var multiple = _props.multiple;
var selected = _props.selected;
var selected = !(0, _lodash.isEmpty)(defaultSelected) ? defaultSelected : selected;
return {
focusedMenuItem: null,
selected: selected,
selected: !(0, _lodash.isEmpty)(defaultSelected) ? defaultSelected : selected,
showMenu: false,

@@ -166,3 +157,2 @@ text: ''

var _props2 = this.props;
var children = _props2.children;
var labelKey = _props2.labelKey;

@@ -232,5 +222,3 @@ var multiple = _props2.multiple;

_handleKeydown: function _handleKeydown(e) {
var _state2 = this.state;
var focusedMenuItem = _state2.focusedMenuItem;
var text = _state2.text;
var focusedMenuItem = (0, _lodash.clone)(this.state.focusedMenuItem);

@@ -355,6 +343,36 @@ switch (e.keyCode) {

module.exports = Typeahead;
//# sourceMappingURL=Typeahead.react.js.map
/***/ },
/* 1 */
/***/ function(module, exports) {
module.exports = React;
/***/ },
/* 2 */
/***/ function(module, exports) {
"use strict";
/**
* KeyCode
*
* Map of common (non-printable) keycodes for the `keydown` and `keyup` events.
* Note that `keypress` handles things differently and may not return the same
* values.
*/
module.exports = {
BACKSPACE: 8,
TAB: 9,
RETURN: 13,
ESC: 27,
SPACE: 32,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40
};
/***/ },
/* 3 */
/***/ function(module, exports, __webpack_require__) {

@@ -413,34 +431,2 @@

/***/ },
/* 2 */
/***/ function(module, exports) {
module.exports = React;
/***/ },
/* 3 */
/***/ function(module, exports) {
"use strict";
/**
* KeyCode
*
* Map of common (non-printable) keycodes for the `keydown` and `keyup` events.
* Note that `keypress` handles things differently and may not return the same
* values.
*/
module.exports = {
BACKSPACE: 8,
TAB: 9,
RETURN: 13,
ESC: 27,
SPACE: 32,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40
};
//# sourceMappingURL=keyCode.js.map
/***/ },
/* 4 */

@@ -765,12 +751,6 @@ /***/ function(module, exports) {

module.exports = lodash;
module.exports = onClickOutside;
/***/ },
/* 8 */
/***/ function(module, exports) {
module.exports = onClickOutside;
/***/ },
/* 9 */
/***/ function(module, exports, __webpack_require__) {

@@ -801,2 +781,8 @@

/***/ },
/* 9 */
/***/ function(module, exports) {
module.exports = lodash;
/***/ },
/* 10 */

@@ -807,3 +793,3 @@ /***/ function(module, exports, __webpack_require__) {

var _react = __webpack_require__(2);
var _react = __webpack_require__(1);

@@ -814,11 +800,11 @@ var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(1);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _keyCode = __webpack_require__(3);
var _keyCode = __webpack_require__(2);
var _keyCode2 = _interopRequireDefault(_keyCode);
var _reactOnclickoutside = __webpack_require__(8);
var _reactOnclickoutside = __webpack_require__(7);

@@ -920,3 +906,2 @@ var _reactOnclickoutside2 = _interopRequireDefault(_reactOnclickoutside);

module.exports = Token;
//# sourceMappingURL=Token.react.js.map

@@ -943,3 +928,3 @@ /***/ },

var _react = __webpack_require__(2);
var _react = __webpack_require__(1);

@@ -952,3 +937,3 @@ var _react2 = _interopRequireDefault(_react);

var _classnames = __webpack_require__(1);
var _classnames = __webpack_require__(3);

@@ -959,8 +944,6 @@ var _classnames2 = _interopRequireDefault(_classnames);

var _keyCode = __webpack_require__(3);
var _keyCode = __webpack_require__(2);
var _keyCode2 = _interopRequireDefault(_keyCode);
var _lodash = __webpack_require__(7);
function _interopRequireDefault(obj) {

@@ -970,3 +953,2 @@ return obj && obj.__esModule ? obj : { 'default': obj };

var cloneElement = _react2['default'].cloneElement;
var PropTypes = _react2['default'].PropTypes;

@@ -1060,3 +1042,2 @@

module.exports = TokenizerInput;
//# sourceMappingURL=TokenizerInput.react.js.map

@@ -1079,17 +1060,17 @@ /***/ },

var _react = __webpack_require__(2);
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(1);
var _classnames = __webpack_require__(3);
var _classnames2 = _interopRequireDefault(_classnames);
var _lodash = __webpack_require__(7);
var _lodash = __webpack_require__(9);
var _keyCode = __webpack_require__(3);
var _keyCode = __webpack_require__(2);
var _keyCode2 = _interopRequireDefault(_keyCode);
var _reactOnclickoutside = __webpack_require__(8);
var _reactOnclickoutside = __webpack_require__(7);

@@ -1104,3 +1085,3 @@ var _reactOnclickoutside2 = _interopRequireDefault(_reactOnclickoutside);

__webpack_require__(9);
__webpack_require__(8);

@@ -1229,3 +1210,2 @@ /**

module.exports = TypeaheadInput;
//# sourceMappingURL=TypeaheadInput.react.js.map

@@ -1248,7 +1228,7 @@ /***/ },

var _react = __webpack_require__(2);
var _react = __webpack_require__(1);
var _react2 = _interopRequireDefault(_react);
var _classnames = __webpack_require__(1);
var _classnames = __webpack_require__(3);

@@ -1326,3 +1306,2 @@ var _classnames2 = _interopRequireDefault(_classnames);

module.exports = TypeaheadMenu;
//# sourceMappingURL=TypeaheadMenu.react.js.map

@@ -1329,0 +1308,0 @@ /***/ },

4

build/react-bootstrap-typeahead.min.js

@@ -1,2 +0,2 @@

!function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=n(2),s=o(r),a=n(11),i=o(a),l=n(12),u=o(l),d=n(13),p=o(d),c=n(1),f=(o(c),n(6)),h=n(7),m=n(3),y=o(m),v=n(8),b=o(v),g=(s["default"].cloneElement,s["default"].PropTypes);n(9);var x=s["default"].createClass({displayName:"Typeahead",mixins:[b["default"]],propTypes:{defaultSelected:g.array,emptyLabel:g.string,labelKey:g.string,maxHeight:g.number,multiple:g.bool,options:g.array.isRequired,placeholder:g.string,selected:g.array},getDefaultProps:function(){return{defaultSelected:[],labelKey:"label",multiple:!1,selected:[]}},getInitialState:function(){var e=this.props,t=e.defaultSelected,n=(e.labelKey,e.multiple,e.selected),n=(0,h.isEmpty)(t)?n:t;return{focusedMenuItem:null,selected:n,showMenu:!1,text:""}},componentWillReceiveProps:function(e){(0,h.isEqual)(this.props.selected,e.selected)||this.setState({selected:e.selected}),this.props.multiple!==e.multiple&&this.setState({text:""})},render:function(){var e,t=this.props,n=(t.children,t.labelKey),o=t.multiple,r=t.options,a=this.state,l=a.selected,d=a.text,c=r.filter(function(e){return!(-1===e[n].toLowerCase().indexOf(d.toLowerCase())||o&&(0,h.find)(l,e))});this.state.showMenu&&(e=s["default"].createElement(p["default"],{emptyLabel:this.props.emptyLabel,labelKey:n,maxHeight:this.props.maxHeight,onClick:this._handleAddOption,onKeyDown:this._handleKeydown,options:c,ref:"menu"}));var f=i["default"];return o||(f=u["default"],l=(0,h.head)(l),d=l&&l[n]||d),s["default"].createElement("div",{className:"bootstrap-typeahead open",style:{position:"relative"}},s["default"].createElement(f,{filteredOptions:c,labelKey:n,onAdd:this._handleAddOption,onChange:this._handleTextChange,onFocus:this._handleFocus,onKeyDown:this._handleKeydown,onRemove:this._handleRemoveOption,placeholder:this.props.placeholder,ref:"input",selected:l,text:d}),e)},_handleFocus:function(){this.setState({showMenu:!0})},_handleTextChange:function(e){this.setState({showMenu:!0,text:e.target.value})},_handleKeydown:function(e){var t=this.state,n=t.focusedMenuItem;t.text;switch(e.keyCode){case y["default"].UP:case y["default"].DOWN:case y["default"].TAB:e.preventDefault();var o=this.refs.menu&&(0,f.findDOMNode)(this.refs.menu);if(!o)return;n=e.keyCode===y["default"].UP?n?n.previousSibling||null:o.lastChild:n?n.nextSibling||null:o.firstChild,n?n.firstChild.focus():(0,f.findDOMNode)(this.refs.input).focus(),this.setState({focusedMenuItem:n});break;case y["default"].ESC:e.stopPropagation(),this._hideDropdown();break;case y["default"].RETURN:n&&(n.firstChild.click(),this._hideDropdown())}},_handleAddOption:function(e){var t,n,o=this.props,r=o.multiple,s=o.labelKey,a=o.onChange;r?(t=this.state.selected.concat(e),n=""):(t=[e],n=e[s]),this.setState({selected:t,showMenu:!1,text:n}),a&&a(t)},_handleRemoveOption:function(e){var t=this.state.selected.slice();t=t.filter(function(t){return!(0,h.isEqual)(t,e)}),this.setState({selected:t,showMenu:!1}),this.props.onChange&&this.props.onChange(t)},handleClickOutside:function(e){this._hideDropdown()},_hideDropdown:function(){this.setState({showMenu:!1,focusedMenuItem:null})}});e.exports=x},function(e,t,n){var o;/*!
!function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=n(1),s=o(r),a=n(11),i=o(a),l=n(12),u=o(l),p=n(13),d=o(p),c=n(6),f=n(9),h=n(2),m=o(h),v=n(7),y=o(v),b=s["default"].PropTypes;n(8);var g=s["default"].createClass({displayName:"Typeahead",mixins:[y["default"]],propTypes:{defaultSelected:b.array,emptyLabel:b.string,labelKey:b.string,maxHeight:b.number,multiple:b.bool,options:b.array.isRequired,placeholder:b.string,selected:b.array},getDefaultProps:function(){return{defaultSelected:[],labelKey:"label",multiple:!1,selected:[]}},getInitialState:function(){var e=this.props,t=e.defaultSelected,n=e.selected;return{focusedMenuItem:null,selected:(0,f.isEmpty)(t)?n:t,showMenu:!1,text:""}},componentWillReceiveProps:function(e){(0,f.isEqual)(this.props.selected,e.selected)||this.setState({selected:e.selected}),this.props.multiple!==e.multiple&&this.setState({text:""})},render:function(){var e,t=this.props,n=t.labelKey,o=t.multiple,r=t.options,a=this.state,l=a.selected,p=a.text,c=r.filter(function(e){return!(-1===e[n].toLowerCase().indexOf(p.toLowerCase())||o&&(0,f.find)(l,e))});this.state.showMenu&&(e=s["default"].createElement(d["default"],{emptyLabel:this.props.emptyLabel,labelKey:n,maxHeight:this.props.maxHeight,onClick:this._handleAddOption,onKeyDown:this._handleKeydown,options:c,ref:"menu"}));var h=i["default"];return o||(h=u["default"],l=(0,f.head)(l),p=l&&l[n]||p),s["default"].createElement("div",{className:"bootstrap-typeahead open",style:{position:"relative"}},s["default"].createElement(h,{filteredOptions:c,labelKey:n,onAdd:this._handleAddOption,onChange:this._handleTextChange,onFocus:this._handleFocus,onKeyDown:this._handleKeydown,onRemove:this._handleRemoveOption,placeholder:this.props.placeholder,ref:"input",selected:l,text:p}),e)},_handleFocus:function(){this.setState({showMenu:!0})},_handleTextChange:function(e){this.setState({showMenu:!0,text:e.target.value})},_handleKeydown:function(e){var t=(0,f.clone)(this.state.focusedMenuItem);switch(e.keyCode){case m["default"].UP:case m["default"].DOWN:case m["default"].TAB:e.preventDefault();var n=this.refs.menu&&(0,c.findDOMNode)(this.refs.menu);if(!n)return;t=e.keyCode===m["default"].UP?t?t.previousSibling||null:n.lastChild:t?t.nextSibling||null:n.firstChild,t?t.firstChild.focus():(0,c.findDOMNode)(this.refs.input).focus(),this.setState({focusedMenuItem:t});break;case m["default"].ESC:e.stopPropagation(),this._hideDropdown();break;case m["default"].RETURN:t&&(t.firstChild.click(),this._hideDropdown())}},_handleAddOption:function(e){var t,n,o=this.props,r=o.multiple,s=o.labelKey,a=o.onChange;r?(t=this.state.selected.concat(e),n=""):(t=[e],n=e[s]),this.setState({selected:t,showMenu:!1,text:n}),a&&a(t)},_handleRemoveOption:function(e){var t=this.state.selected.slice();t=t.filter(function(t){return!(0,f.isEqual)(t,e)}),this.setState({selected:t,showMenu:!1}),this.props.onChange&&this.props.onChange(t)},handleClickOutside:function(e){this._hideDropdown()},_hideDropdown:function(){this.setState({showMenu:!1,focusedMenuItem:null})}});e.exports=g},function(e,t){e.exports=React},function(e,t){"use strict";e.exports={BACKSPACE:8,TAB:9,RETURN:13,ESC:27,SPACE:32,LEFT:37,UP:38,RIGHT:39,DOWN:40}},function(e,t,n){var o;/*!
Copyright (c) 2015 Jed Watson.

@@ -6,3 +6,3 @@ Licensed under the MIT License (MIT), see

*/
!function(){"use strict";function r(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e+=" "+n;else if(Array.isArray(n))e+=" "+r.apply(null,n);else if("object"===o)for(var a in n)s.call(n,a)&&n[a]&&(e+=" "+a)}}return e.substr(1)}var s={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=r:(o=function(){return r}.call(t,n,t,e),!(void 0!==o&&(e.exports=o)))}()},function(e,t){e.exports=React},function(e,t){"use strict";e.exports={BACKSPACE:8,TAB:9,RETURN:13,ESC:27,SPACE:32,LEFT:37,UP:38,RIGHT:39,DOWN:40}},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var s=this[r][0];"number"==typeof s&&(o[s]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(e,t,n){function o(e,t){for(var n=0;n<e.length;n++){var o=e[n],r=f[o.id];if(r){r.refs++;for(var s=0;s<r.parts.length;s++)r.parts[s](o.parts[s]);for(;s<o.parts.length;s++)r.parts.push(u(o.parts[s],t))}else{for(var a=[],s=0;s<o.parts.length;s++)a.push(u(o.parts[s],t));f[o.id]={id:o.id,refs:1,parts:a}}}}function r(e){for(var t=[],n={},o=0;o<e.length;o++){var r=e[o],s=r[0],a=r[1],i=r[2],l=r[3],u={css:a,media:i,sourceMap:l};n[s]?n[s].parts.push(u):t.push(n[s]={id:s,parts:[u]})}return t}function s(e,t){var n=y(),o=g[g.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),g.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=g.indexOf(e);t>=0&&g.splice(t,1)}function i(e){var t=document.createElement("style");return t.type="text/css",s(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",s(e,t),t}function u(e,t){var n,o,r;if(t.singleton){var s=b++;n=v||(v=i(t)),o=d.bind(null,n,s,!1),r=d.bind(null,n,s,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),o=c.bind(null,n),r=function(){a(n),n.href&&URL.revokeObjectURL(n.href)}):(n=i(t),o=p.bind(null,n),r=function(){a(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}function d(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=x(t,r);else{var s=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(s,a[t]):e.appendChild(s)}}function p(e,t){var n=t.css,o=t.media;t.sourceMap;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function c(e,t){var n=t.css,o=(t.media,t.sourceMap);o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var r=new Blob([n],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(r),s&&URL.revokeObjectURL(s)}var f={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),y=h(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,b=0,g=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=r(e);return o(n,t),function(e){for(var s=[],a=0;a<n.length;a++){var i=n[a],l=f[i.id];l.refs--,s.push(l)}if(e){var u=r(e);o(u,t)}for(var a=0;a<s.length;a++){var l=s[a];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete f[l.id]}}}};var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=ReactDOM},function(e,t){e.exports=lodash},function(e,t){e.exports=onClickOutside},function(e,t,n){var o=n(16);"string"==typeof o&&(o=[[e.id,o,""]]);n(5)(o,{});o.locals&&(e.exports=o.locals)},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=n(2),s=o(r),a=n(6),i=n(1),l=o(i),u=n(3),d=o(u),p=n(8),c=o(p);n(17);var f=s["default"].createClass({displayName:"Token",mixins:[c["default"]],propTypes:{onRemove:s["default"].PropTypes.func},getInitialState:function(){return{selected:!1}},render:function(){return this.props.onRemove?this._renderRemoveableToken():this._renderToken()},_renderRemoveableToken:function(){return s["default"].createElement("button",{className:(0,l["default"])("token","token-removeable",{"token-selected":this.state.selected},this.props.className),onBlur:this._handleBlur,onClick:this._handleSelect,onFocus:this._handleSelect,onKeyDown:this._handleKeyDown,tabIndex:0},this.props.children,s["default"].createElement("span",{className:"token-close-button",onClick:this._handleRemove},"×"))},_renderToken:function(){var e=(0,l["default"])("token",this.props.className);return this.props.href?s["default"].createElement("a",{className:e,href:this.props.href},this.props.children):s["default"].createElement("div",{className:e},this.props.children)},_handleBlur:function(e){(0,a.findDOMNode)(this).blur(),this.setState({selected:!1})},_handleKeyDown:function(e){switch(e.keyCode){case d["default"].BACKSPACE:this.state.selected&&(e.preventDefault(),this._handleRemove())}},handleClickOutside:function(e){this._handleBlur()},_handleRemove:function(e){this.props.onRemove&&this.props.onRemove()},_handleSelect:function(e){e.stopPropagation(),this.setState({selected:!0})}});e.exports=f},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s=n(19),a=o(s),i=n(2),l=o(i),u=n(10),d=o(u),p=n(1),c=o(p),f=n(6),h=n(3),m=o(h),y=(n(7),l["default"].cloneElement,l["default"].PropTypes);n(18);var v=l["default"].createClass({displayName:"TokenizerInput",propTypes:{labelKey:y.string,placeholder:y.string,selected:y.array},render:function(){var e=this.props,t=e.className,n=e.placeholder,o=e.selected,s=e.text;return l["default"].createElement("div",{className:(0,c["default"])("bootstrap-tokenizer","form-control","clearfix",t),onClick:this._handleInputFocus,onFocus:this._handleInputFocus,tabIndex:0},o.map(this._renderToken),l["default"].createElement(a["default"],r({},this.props,{className:"bootstrap-tokenizer-input",inputStyle:{backgroundColor:"inherit",border:0,outline:"none",padding:0},onKeyDown:this._handleKeydown,placeholder:o.length?null:n,ref:"input",type:"text",value:s})))},_renderToken:function(e,t){var n=this.props,o=n.onRemove,r=n.labelKey;return l["default"].createElement(d["default"],{key:t,onRemove:o.bind(null,e)},e[r])},_handleKeydown:function(e){switch(e.keyCode){case m["default"].LEFT:case m["default"].RIGHT:break;case m["default"].BACKSPACE:var t=(0,f.findDOMNode)(this.refs.input);if(t&&t.contains(document.activeElement)&&!this.props.text){var n=t.previousSibling;n&&n.focus()}}this.props.onKeyDown&&this.props.onKeyDown(e)},_handleInputFocus:function(e){this.refs.input.focus()}});e.exports=v},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s=n(2),a=o(s),i=n(1),l=o(i),u=n(7),d=n(3),p=o(d),c=n(8),f=o(c),h=a["default"].PropTypes;n(9);var m=a["default"].createClass({displayName:"TypeaheadInput",mixins:[f["default"]],propTypes:{filteredOptions:h.array,labelKey:h.string,onChange:h.func,selected:h.object,text:h.string},render:function(){return a["default"].createElement("div",{className:(0,l["default"])("bootstrap-typeahead-input",this.props.className),onClick:this._handleInputFocus,onFocus:this._handleInputFocus,tabIndex:0},a["default"].createElement("input",r({},this.props,{className:(0,l["default"])("bootstrap-typeahead-input-main","form-control",{"has-selection":!this.props.selected}),onKeyDown:this._handleKeydown,ref:"input",style:{backgroundColor:"transparent",display:"block",position:"relative",zIndex:1},type:"text",value:this._getInputValue()})),a["default"].createElement("input",{className:"bootstrap-typeahead-input-hint form-control",style:{borderColor:"transparent",bottom:0,display:"block",position:"absolute",top:0,width:"100%",zIndex:0},value:this._getHintText()}))},_getInputValue:function(){var e=this.props,t=e.labelKey,n=e.selected,o=e.text;return n?n[t]:o},_getHintText:function(){var e=this.props,t=e.filteredOptions,n=e.labelKey,o=e.text,r=(0,u.head)(t);return this.refs.input===document.activeElement&&o&&r&&0===r[n].indexOf(o)?r[n]:void 0},_handleInputFocus:function(e){this.refs.input.focus()},_handleKeydown:function(e){var t=this.props,n=t.filteredOptions,o=t.onAdd,r=t.onRemove,s=t.selected;switch(e.keyCode){case p["default"].ESC:this.refs.input.blur();break;case p["default"].RIGHT:this._getHintText()&&!s&&o&&o((0,u.head)(n));break;case p["default"].BACKSPACE:s&&r&&r(s)}this.props.onKeyDown&&this.props.onKeyDown(e)},handleClickOutside:function(e){this.refs.input.blur()}});e.exports=m},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s=n(2),a=o(s),i=n(1),l=o(i),u=a["default"].PropTypes,d=a["default"].createClass({displayName:"Menu",render:function(){return a["default"].createElement("ul",r({},this.props,{className:(0,l["default"])("dropdown-menu",this.props.className)}),this.props.children)}}),p=a["default"].createClass({displayName:"MenuItem",render:function(){return a["default"].createElement("li",{className:(0,l["default"])({disabled:this.props.disabled})},a["default"].createElement("a",{href:"#",onClick:this._handleClick},this.props.children))},_handleClick:function(e){e.preventDefault(),this.props.onClick&&this.props.onClick()}}),c=a["default"].createClass({displayName:"TypeaheadMenu",propTypes:{emptyLabel:u.string,labelKey:u.string.isRequired,maxHeight:u.number,options:u.array},getDefaultProps:function(){return{emptyLabel:"No matches found.",maxHeight:300}},render:function(){var e=this.props,t=e.maxHeight,n=e.onKeyDown,o=e.options,r=o.length?o.map(this._renderDropdownItem):a["default"].createElement(p,{disabled:!0},this.props.emptyLabel);return a["default"].createElement(d,{onKeyDown:n,style:{maxHeight:t+"px",right:0}},r)},_renderDropdownItem:function(e,t){return a["default"].createElement(p,{key:t,onClick:this.props.onClick.bind(null,e)},e[this.props.labelKey])}});e.exports=c},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,".token{background-color:#e7f4ff;border:0;border-radius:2px;color:#1f8dd6;display:inline-block;line-height:1em;padding:4px 7px;position:relative}.token-removeable,.token:focus{padding-right:21px}.token-selected{background-color:#1f8dd6;color:#fff;outline:none;text-decoration:none}.bootstrap-tokenizer .token{margin:0 3px 3px 0}.token-close-button{bottom:0;padding:3px 7px;position:absolute;right:0;top:0}",""])},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,".bootstrap-tokenizer{cursor:text;height:auto;padding:5px 12px 2px}.bootstrap-tokenizer-input{margin:1px 0 4px}",""])},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,".bootstrap-typeahead .dropdown-menu{overflow:scroll}.bootstrap-typeahead .dropdown-menu>li a:focus{outline:none}.bootstrap-typeahead-input-hint{color:#aaa}",""])},function(e,t,n){var o=n(14);"string"==typeof o&&(o=[[e.id,o,""]]);n(5)(o,{});o.locals&&(e.exports=o.locals)},function(e,t,n){var o=n(15);"string"==typeof o&&(o=[[e.id,o,""]]);n(5)(o,{});o.locals&&(e.exports=o.locals)},function(e,t){e.exports=AutosizeInput}]);
!function(){"use strict";function r(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e+=" "+n;else if(Array.isArray(n))e+=" "+r.apply(null,n);else if("object"===o)for(var a in n)s.call(n,a)&&n[a]&&(e+=" "+a)}}return e.substr(1)}var s={}.hasOwnProperty;"undefined"!=typeof e&&e.exports?e.exports=r:(o=function(){return r}.call(t,n,t,e),!(void 0!==o&&(e.exports=o)))}()},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push("@media "+n[2]+"{"+n[1]+"}"):e.push(n[1])}return e.join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var s=this[r][0];"number"==typeof s&&(o[s]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(e,t,n){function o(e,t){for(var n=0;n<e.length;n++){var o=e[n],r=f[o.id];if(r){r.refs++;for(var s=0;s<r.parts.length;s++)r.parts[s](o.parts[s]);for(;s<o.parts.length;s++)r.parts.push(u(o.parts[s],t))}else{for(var a=[],s=0;s<o.parts.length;s++)a.push(u(o.parts[s],t));f[o.id]={id:o.id,refs:1,parts:a}}}}function r(e){for(var t=[],n={},o=0;o<e.length;o++){var r=e[o],s=r[0],a=r[1],i=r[2],l=r[3],u={css:a,media:i,sourceMap:l};n[s]?n[s].parts.push(u):t.push(n[s]={id:s,parts:[u]})}return t}function s(e,t){var n=v(),o=g[g.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),g.push(t);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(t)}}function a(e){e.parentNode.removeChild(e);var t=g.indexOf(e);t>=0&&g.splice(t,1)}function i(e){var t=document.createElement("style");return t.type="text/css",s(e,t),t}function l(e){var t=document.createElement("link");return t.rel="stylesheet",s(e,t),t}function u(e,t){var n,o,r;if(t.singleton){var s=b++;n=y||(y=i(t)),o=p.bind(null,n,s,!1),r=p.bind(null,n,s,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(t),o=c.bind(null,n),r=function(){a(n),n.href&&URL.revokeObjectURL(n.href)}):(n=i(t),o=d.bind(null,n),r=function(){a(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}function p(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=x(t,r);else{var s=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(s,a[t]):e.appendChild(s)}}function d(e,t){var n=t.css,o=t.media;t.sourceMap;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function c(e,t){var n=t.css,o=(t.media,t.sourceMap);o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var r=new Blob([n],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(r),s&&URL.revokeObjectURL(s)}var f={},h=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=h(function(){return document.head||document.getElementsByTagName("head")[0]}),y=null,b=0,g=[];e.exports=function(e,t){t=t||{},"undefined"==typeof t.singleton&&(t.singleton=m()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var n=r(e);return o(n,t),function(e){for(var s=[],a=0;a<n.length;a++){var i=n[a],l=f[i.id];l.refs--,s.push(l)}if(e){var u=r(e);o(u,t)}for(var a=0;a<s.length;a++){var l=s[a];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete f[l.id]}}}};var x=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join("\n")}}()},function(e,t){e.exports=ReactDOM},function(e,t){e.exports=onClickOutside},function(e,t,n){var o=n(16);"string"==typeof o&&(o=[[e.id,o,""]]);n(5)(o,{});o.locals&&(e.exports=o.locals)},function(e,t){e.exports=lodash},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=n(1),s=o(r),a=n(6),i=n(3),l=o(i),u=n(2),p=o(u),d=n(7),c=o(d);n(17);var f=s["default"].createClass({displayName:"Token",mixins:[c["default"]],propTypes:{onRemove:s["default"].PropTypes.func},getInitialState:function(){return{selected:!1}},render:function(){return this.props.onRemove?this._renderRemoveableToken():this._renderToken()},_renderRemoveableToken:function(){return s["default"].createElement("button",{className:(0,l["default"])("token","token-removeable",{"token-selected":this.state.selected},this.props.className),onBlur:this._handleBlur,onClick:this._handleSelect,onFocus:this._handleSelect,onKeyDown:this._handleKeyDown,tabIndex:0},this.props.children,s["default"].createElement("span",{className:"token-close-button",onClick:this._handleRemove},"×"))},_renderToken:function(){var e=(0,l["default"])("token",this.props.className);return this.props.href?s["default"].createElement("a",{className:e,href:this.props.href},this.props.children):s["default"].createElement("div",{className:e},this.props.children)},_handleBlur:function(e){(0,a.findDOMNode)(this).blur(),this.setState({selected:!1})},_handleKeyDown:function(e){switch(e.keyCode){case p["default"].BACKSPACE:this.state.selected&&(e.preventDefault(),this._handleRemove())}},handleClickOutside:function(e){this._handleBlur()},_handleRemove:function(e){this.props.onRemove&&this.props.onRemove()},_handleSelect:function(e){e.stopPropagation(),this.setState({selected:!0})}});e.exports=f},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s=n(19),a=o(s),i=n(1),l=o(i),u=n(10),p=o(u),d=n(3),c=o(d),f=n(6),h=n(2),m=o(h),v=l["default"].PropTypes;n(18);var y=l["default"].createClass({displayName:"TokenizerInput",propTypes:{labelKey:v.string,placeholder:v.string,selected:v.array},render:function(){var e=this.props,t=e.className,n=e.placeholder,o=e.selected,s=e.text;return l["default"].createElement("div",{className:(0,c["default"])("bootstrap-tokenizer","form-control","clearfix",t),onClick:this._handleInputFocus,onFocus:this._handleInputFocus,tabIndex:0},o.map(this._renderToken),l["default"].createElement(a["default"],r({},this.props,{className:"bootstrap-tokenizer-input",inputStyle:{backgroundColor:"inherit",border:0,outline:"none",padding:0},onKeyDown:this._handleKeydown,placeholder:o.length?null:n,ref:"input",type:"text",value:s})))},_renderToken:function(e,t){var n=this.props,o=n.onRemove,r=n.labelKey;return l["default"].createElement(p["default"],{key:t,onRemove:o.bind(null,e)},e[r])},_handleKeydown:function(e){switch(e.keyCode){case m["default"].LEFT:case m["default"].RIGHT:break;case m["default"].BACKSPACE:var t=(0,f.findDOMNode)(this.refs.input);if(t&&t.contains(document.activeElement)&&!this.props.text){var n=t.previousSibling;n&&n.focus()}}this.props.onKeyDown&&this.props.onKeyDown(e)},_handleInputFocus:function(e){this.refs.input.focus()}});e.exports=y},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s=n(1),a=o(s),i=n(3),l=o(i),u=n(9),p=n(2),d=o(p),c=n(7),f=o(c),h=a["default"].PropTypes;n(8);var m=a["default"].createClass({displayName:"TypeaheadInput",mixins:[f["default"]],propTypes:{filteredOptions:h.array,labelKey:h.string,onChange:h.func,selected:h.object,text:h.string},render:function(){return a["default"].createElement("div",{className:(0,l["default"])("bootstrap-typeahead-input",this.props.className),onClick:this._handleInputFocus,onFocus:this._handleInputFocus,tabIndex:0},a["default"].createElement("input",r({},this.props,{className:(0,l["default"])("bootstrap-typeahead-input-main","form-control",{"has-selection":!this.props.selected}),onKeyDown:this._handleKeydown,ref:"input",style:{backgroundColor:"transparent",display:"block",position:"relative",zIndex:1},type:"text",value:this._getInputValue()})),a["default"].createElement("input",{className:"bootstrap-typeahead-input-hint form-control",style:{borderColor:"transparent",bottom:0,display:"block",position:"absolute",top:0,width:"100%",zIndex:0},value:this._getHintText()}))},_getInputValue:function(){var e=this.props,t=e.labelKey,n=e.selected,o=e.text;return n?n[t]:o},_getHintText:function(){var e=this.props,t=e.filteredOptions,n=e.labelKey,o=e.text,r=(0,u.head)(t);return this.refs.input===document.activeElement&&o&&r&&0===r[n].indexOf(o)?r[n]:void 0},_handleInputFocus:function(e){this.refs.input.focus()},_handleKeydown:function(e){var t=this.props,n=t.filteredOptions,o=t.onAdd,r=t.onRemove,s=t.selected;switch(e.keyCode){case d["default"].ESC:this.refs.input.blur();break;case d["default"].RIGHT:this._getHintText()&&!s&&o&&o((0,u.head)(n));break;case d["default"].BACKSPACE:s&&r&&r(s)}this.props.onKeyDown&&this.props.onKeyDown(e)},handleClickOutside:function(e){this.refs.input.blur()}});e.exports=m},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{"default":e}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s=n(1),a=o(s),i=n(3),l=o(i),u=a["default"].PropTypes,p=a["default"].createClass({displayName:"Menu",render:function(){return a["default"].createElement("ul",r({},this.props,{className:(0,l["default"])("dropdown-menu",this.props.className)}),this.props.children)}}),d=a["default"].createClass({displayName:"MenuItem",render:function(){return a["default"].createElement("li",{className:(0,l["default"])({disabled:this.props.disabled})},a["default"].createElement("a",{href:"#",onClick:this._handleClick},this.props.children))},_handleClick:function(e){e.preventDefault(),this.props.onClick&&this.props.onClick()}}),c=a["default"].createClass({displayName:"TypeaheadMenu",propTypes:{emptyLabel:u.string,labelKey:u.string.isRequired,maxHeight:u.number,options:u.array},getDefaultProps:function(){return{emptyLabel:"No matches found.",maxHeight:300}},render:function(){var e=this.props,t=e.maxHeight,n=e.onKeyDown,o=e.options,r=o.length?o.map(this._renderDropdownItem):a["default"].createElement(d,{disabled:!0},this.props.emptyLabel);return a["default"].createElement(p,{onKeyDown:n,style:{maxHeight:t+"px",right:0}},r)},_renderDropdownItem:function(e,t){return a["default"].createElement(d,{key:t,onClick:this.props.onClick.bind(null,e)},e[this.props.labelKey])}});e.exports=c},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,".token{background-color:#e7f4ff;border:0;border-radius:2px;color:#1f8dd6;display:inline-block;line-height:1em;padding:4px 7px;position:relative}.token-removeable,.token:focus{padding-right:21px}.token-selected{background-color:#1f8dd6;color:#fff;outline:none;text-decoration:none}.bootstrap-tokenizer .token{margin:0 3px 3px 0}.token-close-button{bottom:0;padding:3px 7px;position:absolute;right:0;top:0}",""])},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,".bootstrap-tokenizer{cursor:text;height:auto;padding:5px 12px 2px}.bootstrap-tokenizer-input{margin:1px 0 4px}",""])},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,".bootstrap-typeahead .dropdown-menu{overflow:scroll}.bootstrap-typeahead .dropdown-menu>li a:focus{outline:none}.bootstrap-typeahead-input-hint{color:#aaa}",""])},function(e,t,n){var o=n(14);"string"==typeof o&&(o=[[e.id,o,""]]);n(5)(o,{});o.locals&&(e.exports=o.locals)},function(e,t,n){var o=n(15);"string"==typeof o&&(o=[[e.id,o,""]]);n(5)(o,{});o.locals&&(e.exports=o.locals)},function(e,t){e.exports=AutosizeInput}]);
//# sourceMappingURL=react-bootstrap-typeahead.min.js.map

12

example/example.js

@@ -8,4 +8,2 @@ 'use strict';

import {head, map} from 'lodash';
let states = [

@@ -61,3 +59,3 @@ 'Alabama',

'Wisconsin',
'Wyoming'
'Wyoming',
];

@@ -78,3 +76,3 @@ states = states.map((state, idx) => {

preSelected: false,
selected: []
selected: [],
};

@@ -98,3 +96,3 @@ },

onChange={(selected) => {
this.setState({selected})
this.setState({selected});
}}

@@ -144,3 +142,3 @@ options={states}

display: 'inline-block',
margin: '0 3px 0 0'
margin: '0 3px 0 0',
}}>

@@ -162,3 +160,3 @@ <Token>{state.label}</Token>

multiple: checked,
selected: newSelection || []
selected: newSelection || [],
});

@@ -165,0 +163,0 @@ },

3

lib/keyCode.js

@@ -20,3 +20,2 @@ "use strict";

DOWN: 40
};
//# sourceMappingURL=keyCode.js.map
};

3

lib/Token.react.js

@@ -128,3 +128,2 @@ 'use strict';

module.exports = Token;
//# sourceMappingURL=Token.react.js.map
module.exports = Token;

6

lib/TokenizerInput.react.js

@@ -27,7 +27,4 @@ 'use strict';

var _lodash = require('lodash');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var cloneElement = _react2.default.cloneElement;
var PropTypes = _react2.default.PropTypes;

@@ -129,3 +126,2 @@

module.exports = TokenizerInput;
//# sourceMappingURL=TokenizerInput.react.js.map
module.exports = TokenizerInput;

19

lib/Typeahead.react.js

@@ -19,6 +19,2 @@ 'use strict';

var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _reactDom = require('react-dom');

@@ -38,3 +34,2 @@

var cloneElement = _react2.default.cloneElement;
var PropTypes = _react2.default.PropTypes;

@@ -88,11 +83,7 @@

var defaultSelected = _props.defaultSelected;
var labelKey = _props.labelKey;
var multiple = _props.multiple;
var selected = _props.selected;
var selected = !(0, _lodash.isEmpty)(defaultSelected) ? defaultSelected : selected;
return {
focusedMenuItem: null,
selected: selected,
selected: !(0, _lodash.isEmpty)(defaultSelected) ? defaultSelected : selected,
showMenu: false,

@@ -117,3 +108,2 @@ text: ''

var _props2 = this.props;
var children = _props2.children;
var labelKey = _props2.labelKey;

@@ -188,5 +178,3 @@ var multiple = _props2.multiple;

_handleKeydown: function _handleKeydown(e) {
var _state2 = this.state;
var focusedMenuItem = _state2.focusedMenuItem;
var text = _state2.text;
var focusedMenuItem = (0, _lodash.clone)(this.state.focusedMenuItem);

@@ -310,3 +298,2 @@ switch (e.keyCode) {

module.exports = Typeahead;
//# sourceMappingURL=Typeahead.react.js.map
module.exports = Typeahead;

3

lib/TypeaheadInput.react.js

@@ -155,3 +155,2 @@ 'use strict';

module.exports = TypeaheadInput;
//# sourceMappingURL=TypeaheadInput.react.js.map
module.exports = TypeaheadInput;

3

lib/TypeaheadMenu.react.js

@@ -103,3 +103,2 @@ 'use strict';

module.exports = TypeaheadMenu;
//# sourceMappingURL=TypeaheadMenu.react.js.map
module.exports = TypeaheadMenu;

14

package.json
{
"name": "react-bootstrap-typeahead",
"version": "0.1.3",
"version": "0.1.4",
"description": "React-based typeahead using the Bootstrap theme",

@@ -16,2 +16,3 @@ "main": "index.js",

"build": "npm run build-lib && npm run build-dev && npm run build-prod && npm run build-example",
"lint": "eslint src && eslint example/example.js",
"test": "echo \"Error: no test specified\" && exit 1"

@@ -39,4 +40,8 @@ },

"babel-preset-react": "^6.3.13",
"css-loader": "^0.21.0",
"style-loader": "^0.13.0",
"webpack": "^1.12.2"
},
"dependencies": {
"classnames": "^2.2.0",
"css-loader": "^0.21.0",
"lodash": "^3.10.1",

@@ -46,7 +51,4 @@ "react": "^0.14.2",

"react-input-autosize": "^0.6.2",
"react-onclickoutside": "^4.1.1",
"style-loader": "^0.13.0",
"webpack": "^1.12.2"
"react-onclickoutside": "^4.1.1"
},
"dependencies": {},
"repository": {

@@ -53,0 +55,0 @@ "type": "git",

30

README.md
# React Bootstrap Typeahead
React-based typeahead component that uses standard the Bootstrap theme for as a base and supports both single- and multi-selection. Try a [live example](http://ericgio.github.io/react-bootstrap-typeahead/).
[![npm](https://img.shields.io/npm/v/react-bootstrap-typeahead.svg?style=flat-square)](https://www.npmjs.com/package/react-bootstrap-typeahead)
[![npm](https://img.shields.io/npm/dm/react-bootstrap-typeahead.svg?style=flat-square)](https://www.npmjs.com/package/react-bootstrap-typeahead)
## Installation

@@ -11,3 +14,3 @@ It is highly recommended that you use npm to install the module in your project and build using a tool like webpack or browserify.

If you want to use the component in a standalone manner, both an unminified development version and a minified production version are included in the `dist` folder.
If you want to use the component in a standalone manner, both an unminified development version and a minified production version are included in the `build` folder.

@@ -18,5 +21,7 @@ ## Usage

```
var Typeahead = require('react-bootstrap-typeahead');
<Typeahead
onChange={this._handleChange}
options={data}
options={myData}
/>

@@ -32,3 +37,3 @@ ```

onChange={this._handleChange}
options={data}
options={myData}
/>

@@ -43,3 +48,3 @@ ```

onChange={this._handleChange}
options={data}
options={myData}
selected={selected}

@@ -52,6 +57,21 @@ />

```
var myData = [
{id: 1, name: 'John'},
{id: 2, name: 'Miles'},
{id: 3, name: 'Charles'},
{id: 4, name: 'Herbie'},
];
<Typeahead
labelKey="name"
onChange={this._handleChange}
options={myData}
/>
```
As far as the source of the data, the component simply handles rendering and selection. It is agnostic about the data source (eg: an async endpoint), which should be handled separately.
## Example
An example file is included with the module. Simply open `index.html` in a browser.
An example file is included with the module. Simply open `index.html` in a browser. You can also try the [live example](http://ericgio.github.io/react-bootstrap-typeahead/).

@@ -58,0 +78,0 @@ ## Documentation

2

src/keyCode.js

@@ -17,3 +17,3 @@ /**

RIGHT: 39,
DOWN: 40
DOWN: 40,
};

6

src/Token.react.js

@@ -28,3 +28,3 @@ 'use strict';

*/
onRemove: React.PropTypes.func
onRemove: React.PropTypes.func,
},

@@ -34,3 +34,3 @@

return {
selected: false
selected: false,
};

@@ -49,3 +49,3 @@ },

className={cx('token', 'token-removeable', {
'token-selected': this.state.selected
'token-selected': this.state.selected,
}, this.props.className)}

@@ -52,0 +52,0 @@ onBlur={this._handleBlur}

3

src/TokenizerInput.react.js

@@ -10,5 +10,4 @@ 'use strict';

import keyCode from './keyCode';
import {map} from 'lodash';
const {cloneElement, PropTypes} = React;
const {PropTypes} = React;

@@ -15,0 +14,0 @@ require('../css/Tokenizer.css');

22

src/Typeahead.react.js

@@ -9,9 +9,8 @@ 'use strict';

import cx from 'classnames';
import {findDOMNode} from 'react-dom';
import {find, head, isEmpty, isEqual} from 'lodash';
import {clone, find, head, isEmpty, isEqual} from 'lodash';
import keyCode from './keyCode';
import onClickOutside from 'react-onclickoutside';
const {cloneElement, PropTypes} = React;
const {PropTypes} = React;

@@ -62,10 +61,9 @@ require('../css/Typeahead.css');

getInitialState: function() {
var {defaultSelected, labelKey, multiple, selected} = this.props;
var selected = !isEmpty(defaultSelected) ? defaultSelected : selected;
const {defaultSelected, selected} = this.props;
return {
focusedMenuItem: null,
selected: selected,
selected: !isEmpty(defaultSelected) ? defaultSelected : selected,
showMenu: false,
text: ''
text: '',
};

@@ -87,3 +85,3 @@ },

render: function() {
var {children, labelKey, multiple, options} = this.props;
var {labelKey, multiple, options} = this.props;
var {selected, text} = this.state;

@@ -111,3 +109,3 @@

ref="menu"
/>
/>;
}

@@ -152,3 +150,3 @@

showMenu: true,
text: e.target.value
text: e.target.value,
});

@@ -158,3 +156,3 @@ },

_handleKeydown: function(e) {
var {focusedMenuItem, text} = this.state;
let focusedMenuItem = clone(this.state.focusedMenuItem);

@@ -268,3 +266,3 @@ switch (e.keyCode) {

showMenu: false,
focusedMenuItem: null
focusedMenuItem: null,
});

@@ -271,0 +269,0 @@ },

4

src/TypeaheadInput.react.js

@@ -6,3 +6,3 @@ 'use strict';

import cx from 'classnames';
import {head, isEmpty} from 'lodash';
import {head} from 'lodash';
import keyCode from './keyCode';

@@ -43,3 +43,3 @@ import onClickOutside from 'react-onclickoutside';

className={cx('bootstrap-typeahead-input-main', 'form-control', {
'has-selection': !this.props.selected
'has-selection': !this.props.selected,
})}

@@ -46,0 +46,0 @@ onKeyDown={this._handleKeydown}

4

src/TypeaheadMenu.react.js

@@ -17,3 +17,3 @@ 'use strict';

);
}
},
});

@@ -37,3 +37,3 @@

this.props.onClick && this.props.onClick();
}
},
});

@@ -40,0 +40,0 @@ 

build/react-bootstrap-typeahead.min.js.map

Sorry, the diff of this file is not supported yet

example/index.js

Sorry, the diff of this file is too big to display