feat: 🎸 add disabled state and class to option list

.gitignore

@@ -14,3 +14,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+tags

README.md

@@ -67,6 +67,21 @@ const locations = [
 ];
 ```
 
+Optionally, the object can contain the "disabled" key to disable the item
+```javascript
+const locations = [
+  {
+    label: 'New York',
+    value: 'newYork',
+  },
+  {
+    label: 'Oslo',
+    value: 'oslo',
+    disabled: true,
+  },
+];
+```
+
 Use a function to pass to `onChange` prop.
 For `<Dropdown>` component item is an object, whereas for `<DropdownMultiple>` it is an array of objects.
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactjs-dropdown-component",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Single and multi select dropwdown menu components",
   "main": "build/index.js",
   "scripts": {

src/Dropdown.jsx

@@ -139,10 +139,15 @@ class Dropdown extends Component {
         tempList.map((item) => (
           <button
             type="button"
-            className={`dd-list-item ${id}`}
+            className={
+              `dd-list-item ${id} ${
+                item.disabled ? 'dd-list-item--disabled' : ''
+              }`
+            }
             style={listItem}
             key={item.value}
             onClick={() => this.selectItem(item)}
+            disabled={item.disabled || false}
           >
             {item.label}
             {' '}