enable placeholder when search is disabled

Author: AnwerAR

dist/index.js

@@ -56,6 +56,8 @@ const App = () => {
         // disableChip
         onMenuOpen={() => { console.log('menu open') }}
         onMenuClose={() => { console.log('menu Close') }}
+        disableSearch
+        placeholder="somee"
       />
     </div>
   )

dist/index.js.map

@@ -35,7 +35,7 @@ MultiSelect.defaultProps = {
   customValue: false,
   chipAlternateText: 'Item Selected',
   closeOnSelect: true,
-  disableSearch: false,
+  disableSearch: false
 }
 
 function MultiSelect({
@@ -231,13 +231,15 @@ function MultiSelect({
     if (disableSearch) {
       return false
     }
+
     if (!singleSelect && !disableChip) {
       return true
     } else if (singleSelect && !value.length) {
       return true
     } else if (!singleSelect && disableChip && !value.length) {
       return true
     }
+
     return false
   }
 
@@ -461,6 +463,13 @@ function MultiSelect({
               ref={inputFld}
             />
           )}
+          {!showSearchOption() && value.length < 1 && (
+            <div
+              data-msl
+              data-placeholder={placeholder}
+              className='msl-input'
+            />
+          )}
         </div>
         {(clearable || downArrow) && (
           <div className='msl-actions msl-flx'>