/
DropdownMenu.js
38 lines (31 loc) · 969 Bytes
/
DropdownMenu.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React, { PropTypes } from 'react';
import classNames from 'classnames';
import { mapToCssModules } from './utils';
const propTypes = {
tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
children: PropTypes.node.isRequired,
right: PropTypes.bool,
className: PropTypes.string,
cssModule: PropTypes.object,
};
const defaultProps = {
tag: 'div',
};
const contextTypes = {
isOpen: PropTypes.bool.isRequired
};
const DropdownMenu = (props, context) => {
const { className, cssModule, right, tag: Tag, ...attributes } = props;
const classes = mapToCssModules(classNames(
className,
'dropdown-menu',
{ 'dropdown-menu-right': right }
), cssModule);
return (
<Tag {...attributes} tabIndex="-1" aria-hidden={!context.isOpen} role="menu" className={classes} />
);
};
DropdownMenu.propTypes = propTypes;
DropdownMenu.defaultProps = defaultProps;
DropdownMenu.contextTypes = contextTypes;
export default DropdownMenu;