[fixed] Handle falsey DropdownMenu children correctly

Author: jquense

src/DropdownMenu.js

@@ -2,7 +2,7 @@ import React from 'react';
 import keycode from 'keycode';
 import classNames from 'classnames';
 import RootCloseWrapper from 'react-overlays/lib/RootCloseWrapper';
-
+import ValidComponentChildren from './utils/ValidComponentChildren';
 import createChainedFunction from './utils/createChainedFunction';
 
 class DropdownMenu extends React.Component {
@@ -77,7 +77,7 @@ class DropdownMenu extends React.Component {
   }
 
   render() {
-    const items = React.Children.map(this.props.children, child => {
+    const items = ValidComponentChildren.map(this.props.children, child => {
       let {
         children,
         onKeyDown,

test/DropdownMenuSpec.js

@@ -76,6 +76,15 @@ describe('DropdownMenu', function() {
     node.className.should.match(/\bdropdown-menu-right\b/);
   });
 
+  it('handles empty children', function() {
+    ReactTestUtils.renderIntoDocument(
+      <DropdownMenu pullRight>
+        <MenuItem>Item</MenuItem>
+        { false && <MenuItem>Item 2</MenuItem> }
+      </DropdownMenu>
+    );
+  });
+
   describe('focusable state', function() {
     let focusableContainer;