react-select-multi - npm Package Compare versions

Comparing version 1.3.0 to 1.3.1

lib/components/SelectBase.js

@@ -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 @@ ),

lib/components/SelectConnected.js

@@ -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)([]),

lib/components/SelectState.js

@@ -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 || [],

lib/index.js

 '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,

package.json

 {
   "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 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

182077

-7.43%

Number of package files

20

-20%

Lines of code

546

-36.81%

No dependency changes