fix(PopupMenu): add prop popupMenuDropdownClassName

src/components/popup-menu/popup-menu-list.jsx

@@ -1,4 +1,5 @@
 import React, { Children, Component, cloneElement } from 'react';
+import cn from 'classnames';
 import PropTypes from 'prop-types';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import keyCodes from './keyCodes';
@@ -69,14 +70,14 @@ class PopupMenuList extends Component {
   };
 
   render() {
-    const { width, classes, children, enter, exit, maxHeight, isOpen, 'aria-labelledby': ariaLabelledBy } = this.props;
+    const { width, classes, children, enter, exit, maxHeight, isOpen, 'aria-labelledby': ariaLabelledBy, className } = this.props;
     const itemContainerStyle = maxHeight === 'none' ? {} : { maxHeight, overflowY: 'scroll' };
     let notDisabledIndex = 0;
     return (
       <TransitionGroup>
         {isOpen && (
           <CSSTransition classNames={classes.menuSlideDown} timeout={{ exit, enter }}>
-            <div className={classes.menuPopup} style={{ width }}>
+            <div className={cn(classes.menuPopup, className)} style={{ width }}>
               <div className={classes.menuItemContainer} style={itemContainerStyle}>
                 <ul className={classes.menuItems} aria-labelledby={ariaLabelledBy} ref={this.setListElement} onBlur={this.onBlur}>
                   {Children.map(children, child => {
@@ -112,6 +113,7 @@ PopupMenuList.propTypes = {
   enter: PropTypes.number.isRequired,
   exit: PropTypes.number.isRequired,
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  className: PropTypes.string,
 };
 
 export default PopupMenuList;

src/components/popup-menu/popup-menu.jsx

@@ -83,6 +83,7 @@ class PopupMenu extends Component {
       toggleButton,
       classes,
       className,
+      popupMenuDropdownClassName,
       children,
       enter,
       exit,
@@ -134,6 +135,7 @@ class PopupMenu extends Component {
         <PopupMenuList
           aria-labelledby={id}
           classes={classes}
+          className={popupMenuDropdownClassName}
           isOpen={open}
           onBlur={this.onBlurList}
           onKeyDown={this.onKeyDown}
@@ -159,6 +161,7 @@ PopupMenu.propTypes = {
   isOpen: PropTypes.bool,
   classes: PropTypes.object.isRequired,
   className: PropTypes.string,
+  popupMenuDropdownClassName: PropTypes.string,
   onToggle: PropTypes.func,
   /**
    * The aria-label for the toggle button. Either a plain string or an object with different labels

src/components/popup-menu/popup-menu.md

@@ -2,7 +2,7 @@
     const { HashRouter, Link } = require('../../../node_modules/react-router-dom');
     <HashRouter>
         <div style={{display: 'flex', marginLeft: 200}}>
-            <PopupMenu buttonLabel={{ open: 'Open menu', close: 'Close menu'}} buttonID="PopupMenu">
+            <PopupMenu buttonLabel={{ open: 'Open menu', close: 'Close menu'}} buttonID="PopupMenu" popupMenuClassName={"testClass"}>
               <PopupMenuItem disabled node={Link}>
                 Disabled link
               </PopupMenuItem>