summaryrefslogtreecommitdiffstats
path: root/src/react/PopupMenu.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/react/PopupMenu.js')
-rw-r--r--src/react/PopupMenu.js39
1 files changed, 39 insertions, 0 deletions
diff --git a/src/react/PopupMenu.js b/src/react/PopupMenu.js
new file mode 100644
index 0000000..d2cd29a
--- /dev/null
+++ b/src/react/PopupMenu.js
@@ -0,0 +1,39 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import PopupMenuItem from './PopupMenuItem';
+
+class PopupMenu extends React.Component {
+ render() {
+ const {children = [], onMenuItemClick, position = {}, relative} = this.props;
+ const style = relative ? {left: position.x, top: position.y} : {};
+
+ return (
+ <ul className={`sdc-menu-list ${relative ? 'relative' : ''}`} style={style}>
+ {React.Children.toArray(children).map((child, i) => React.cloneElement(child,
+ {
+ onClick: child.props.onClick || onMenuItemClick,
+ key: i
+ }))}
+ </ul>
+ );
+ }
+}
+
+PopupMenu.propTypes = {
+ relative: PropTypes.bool,
+ position: PropTypes.shape({
+ x: PropTypes.number,
+ y: PropTypes.number
+ }),
+ onMenuItemClick: PropTypes.func
+};
+
+PopupMenu.defaultProps = {
+ relative: false
+};
+
+export const PopupMenuSeparator = () => <li className='separator' />;
+
+PopupMenu.Separator = PopupMenuSeparator;
+PopupMenu.Item = PopupMenuItem;
+export default PopupMenu;