1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import Menu from '@material-ui/core/Menu';
7 import IconButton from '@material-ui/core/IconButton';
8 import { PopoverOrigin } from '@material-ui/core/Popover';
10 interface DropdownMenuProps {
12 icon: React.ReactElement<any>;
15 class DropdownMenu extends React.Component<DropdownMenuProps> {
21 transformOrigin: PopoverOrigin = {
27 const { icon, id, children } = this.props;
28 const { anchorEl } = this.state;
32 aria-owns={anchorEl ? id : undefined}
35 onClick={this.handleOpen}>
41 open={Boolean(anchorEl)}
42 onClose={this.handleClose}
43 onClick={this.handleClose}
44 anchorOrigin={this.transformOrigin}
45 transformOrigin={this.transformOrigin}>
53 this.setState({ anchorEl: undefined });
56 handleOpen = (event: React.MouseEvent<HTMLButtonElement>) => {
57 this.setState({ anchorEl: event.currentTarget });
62 export default DropdownMenu;