init commit onap ui

Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>

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;