react-select-multi
Advanced tools
Comparing version
@@ -24,2 +24,3 @@ 'use strict'; | ||
label: _react.PropTypes.string, | ||
placeholder: _react.PropTypes.string, | ||
options: _react.PropTypes.array.isRequired, | ||
@@ -50,2 +51,3 @@ selected: _react.PropTypes.oneOfType([_react.PropTypes.array, | ||
label: '', | ||
placeholder: '', | ||
searchTerm: '', | ||
@@ -58,3 +60,4 @@ isOpen: false, | ||
label: 'rsm-label', | ||
control: 'rsm-control', | ||
controlContainer: 'rsm-control__container', | ||
controlPlaceholder: 'rsm-control__placeholder', | ||
search: 'rsm-search', | ||
@@ -83,2 +86,3 @@ expandIcon: 'rsm-arrow-down', | ||
onSearch = _ref.onSearch, | ||
placeholder = _ref.placeholder, | ||
styles = _ref.styles; | ||
@@ -99,10 +103,14 @@ | ||
{ | ||
className: styles.control, | ||
className: styles.controlContainer, | ||
onClick: toggleOpen | ||
}, | ||
options.filter(function (o) { | ||
selected.length > 0 ? options.filter(function (o) { | ||
return selected.includes(o.tag); | ||
}).map(function (o) { | ||
return o.display; | ||
}).join(', '), | ||
}).join(', ') : _react2.default.createElement( | ||
'div', | ||
{ className: styles.controlPlaceholder }, | ||
placeholder | ||
), | ||
_react2.default.createElement('span', { className: (0, _classnames2.default)(arrowStyles) }) | ||
@@ -109,0 +117,0 @@ ), |
@@ -103,2 +103,3 @@ 'use strict'; | ||
label: this.props.label, | ||
placeholder: this.props.placeholder, | ||
options: this.props.options, | ||
@@ -105,0 +106,0 @@ selected: this.props.selected || (0, _immutable.fromJS)([]), |
@@ -82,2 +82,3 @@ 'use strict'; | ||
label: this.props.label, | ||
placeholder: this.props.placeholder, | ||
options: this.state.options, | ||
@@ -84,0 +85,0 @@ selected: this.props.selected || [], |
'use strict'; | ||
var _SelectComponent = require('./SelectComponent'); | ||
var _SelectBase = require('./components/SelectBase'); | ||
var _SelectComponent2 = _interopRequireDefault(_SelectComponent); | ||
var _SelectBase2 = _interopRequireDefault(_SelectBase); | ||
var _SelectState = require('./SelectState'); | ||
var _SelectState = require('./components/SelectState'); | ||
var _SelectState2 = _interopRequireDefault(_SelectState); | ||
var _SelectConnected = require('./SelectConnected'); | ||
var _SelectConnected = require('./components/SelectConnected'); | ||
@@ -30,3 +30,3 @@ var _SelectConnected2 = _interopRequireDefault(_SelectConnected); | ||
module.exports = { | ||
Select: _SelectComponent2.default, | ||
SelectBase: _SelectBase2.default, | ||
SelectState: _SelectState2.default, | ||
@@ -33,0 +33,0 @@ SelectConnected: _SelectConnected2.default, |
{ | ||
"name": "react-select-multi", | ||
"version": "1.3.0", | ||
"version": "1.3.1", | ||
"description": "React Multiple-Select Component", | ||
@@ -11,3 +11,3 @@ "main": "lib/index.js", | ||
"prepublish": "npm run build", | ||
"coverage": "nyc yarn spec --check-coverage --lines 95 --functions 95 --branches 95", | ||
"coverage": "nyc yarn spec --check-coverage --lines 80 --functions 80 --branches 80", | ||
"coveralls": "nyc npm test && nyc report --reporter=text-lcov | coveralls" | ||
@@ -14,0 +14,0 @@ }, |
Sorry, the diff of this file is not supported yet
182077
-7.43%20
-20%546
-36.81%