feat(DropdownItem): Add toggle switch to allow conditional toggle (#346)

Joe Woynillowicz · eddywashere · commit 578a61b9b459 · 2017-03-30T17:31:32.000-07:00
* Add toggle switch to DropdownItem to allow conditional toggle on item selected

* use lodash.omit to remove toggle

* cleaning imports and spacing

* if spacing corrected

* import order
diff --git a/src/DropdownItem.js b/src/DropdownItem.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import omit from 'lodash.omit';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
@@ -12,14 +13,16 @@ const propTypes = {
   onClick: PropTypes.func,
   className: PropTypes.string,
   cssModule: PropTypes.object,
+  toggle: PropTypes.bool
 };
 
 const contextTypes = {
   toggle: PropTypes.func
 };
 
 const defaultProps = {
-  tag: 'button'
+  tag: 'button',
+  toggle: true
 };
 
 class DropdownItem extends React.Component {
@@ -40,7 +43,9 @@ class DropdownItem extends React.Component {
       this.props.onClick(e);
     }
 
-    this.context.toggle();
+    if (this.props.toggle) {
+      this.context.toggle();
+    }
   }
 
   getTabIndex() {
@@ -59,7 +64,7 @@ class DropdownItem extends React.Component {
       divider,
       tag: Tag,
       header,
-      ...props } = this.props;
+      ...props } = omit(this.props, ['toggle']);
 
     const classes = mapToCssModules(classNames(
       className,
