|
|
@ -110,7 +110,7 @@ export default class Dropdown extends React.PureComponent {
|
|
|
|
icon: PropTypes.string.isRequired,
|
|
|
|
icon: PropTypes.string.isRequired,
|
|
|
|
items: PropTypes.array.isRequired,
|
|
|
|
items: PropTypes.array.isRequired,
|
|
|
|
size: PropTypes.number.isRequired,
|
|
|
|
size: PropTypes.number.isRequired,
|
|
|
|
ariaLabel: PropTypes.string,
|
|
|
|
title: PropTypes.string,
|
|
|
|
disabled: PropTypes.bool,
|
|
|
|
disabled: PropTypes.bool,
|
|
|
|
status: ImmutablePropTypes.map,
|
|
|
|
status: ImmutablePropTypes.map,
|
|
|
|
isUserTouching: PropTypes.func,
|
|
|
|
isUserTouching: PropTypes.func,
|
|
|
@ -120,7 +120,7 @@ export default class Dropdown extends React.PureComponent {
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
static defaultProps = {
|
|
|
|
static defaultProps = {
|
|
|
|
ariaLabel: 'Menu',
|
|
|
|
title: 'Menu',
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
state = {
|
|
|
|
state = {
|
|
|
@ -186,14 +186,14 @@ export default class Dropdown extends React.PureComponent {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
render () {
|
|
|
|
render () {
|
|
|
|
const { icon, items, size, ariaLabel, disabled } = this.props;
|
|
|
|
const { icon, items, size, title, disabled } = this.props;
|
|
|
|
const { expanded } = this.state;
|
|
|
|
const { expanded } = this.state;
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div onKeyDown={this.handleKeyDown}>
|
|
|
|
<div onKeyDown={this.handleKeyDown}>
|
|
|
|
<IconButton
|
|
|
|
<IconButton
|
|
|
|
icon={icon}
|
|
|
|
icon={icon}
|
|
|
|
title={ariaLabel}
|
|
|
|
title={title}
|
|
|
|
active={expanded}
|
|
|
|
active={expanded}
|
|
|
|
disabled={disabled}
|
|
|
|
disabled={disabled}
|
|
|
|
size={size}
|
|
|
|
size={size}
|
|
|
|