feat: New component CSelect initial release

Author: mrholek

js/index.esm.js

@@ -16,6 +16,7 @@ import Modal from './src/modal'
 import MultiSelect from './src/multi-select'
 import Popover from './src/popover'
 import Scrollspy from './src/scrollspy'
+import Select from './src/select'
 import Sidebar from './src/sidebar'
 import Tab from './src/tab'
 import Toast from './src/toast'
@@ -33,6 +34,7 @@ export {
   MultiSelect,
   Popover,
   Scrollspy,
+  Select,
   Sidebar,
   Tab,
   Toast,

js/index.umd.js

@@ -16,6 +16,7 @@ import Modal from './src/modal'
 import MultiSelect from './src/multi-select'
 import Popover from './src/popover'
 import Scrollspy from './src/scrollspy'
+import Select from './src/select'
 import Sidebar from './src/sidebar'
 import Tab from './src/tab'
 import Toast from './src/toast'
@@ -34,6 +35,7 @@ export default {
   MultiSelect,
   Popover,
   Scrollspy,
+  Select,
   Sidebar,
   Tab,
   Toast,

js/src/multi-select.js

@@ -63,13 +63,21 @@ const CLASSNAME_TAGS = 'c-multi-select-tags'
 const CLASSNAME_LABEL = 'c-label'
 
 const Default = {
+  inline: true,
+  multiple: false,
   options: [],
-  selected: []
+  search: false,
+  selected: [],
+  tags: false
 }
 
 const DefaultType = {
+  inline: 'boolean',
+  multiple: 'boolean',
   options: 'array',
-  selected: 'array'
+  search: 'boolean',
+  selected: 'array',
+  tags: 'boolean'
 }
 
 /**
@@ -205,7 +213,10 @@ class MultiSelect {
   _createNativeSelect(data) {
     const select = document.createElement('select')
     select.classList.add(CLASSNAME_MULTI_SELECT)
-    select.multiple = true
+
+    if (this._config.multiple) {
+      select.multiple = true
+    }
 
     this._createNativeOptions(select, data)
 
@@ -263,6 +274,7 @@ class MultiSelect {
   _createSearchInput() {
     const input = document.createElement('input')
     input.classList.add(CLASSNAME_SEARCH)
+    input.placeholder = "Select..."
     this._clone.insertBefore(input, this._clone.firstChild)
   }