Merge "init commit onap ui"HEAD2.0.0-ONAPmasterbeijing2.0.0-ONAP

1 files changed, 37 insertions, 0 deletions

diff --git a/stories/react/PopupMenu.stories.js b/stories/react/PopupMenu.stories.js
new file mode 100644
index 0000000..9d94522
--- /dev/null
+++ b/stories/react/PopupMenu.stories.js
@@ -0,0 +1,37 @@
+
+import React from 'react';
+import Examples from './utils/Examples.js';
+import PopupMenu from '../../src/react/PopupMenu.js';
+import PopupMenuItem from '../../src/react/PopupMenuItem.js';
+import HTMLPopupMenu from '../../components/menu/popup-menu.html';
+import HTMLPopupMenuRelative from '../../components/menu/relative-popup-menu.html';
+
+let examples = {
+	'Basic popup menu (static)': {
+		jsx: <PopupMenu onMenuItemClick={() => {}}>
+				<PopupMenuItem itemId='1' value='item 1 (selected)' selected/>
+				<PopupMenuItem itemId='2' value='item 2' disabled/>
+				<PopupMenu.Separator />
+				<PopupMenuItem itemId='3' value='item 3'/>
+				<PopupMenuItem itemId='4' value='custom action' onClick={function customCallback() {}}/>
+			</PopupMenu>,
+		html: HTMLPopupMenu
+	},
+	'Basic popup menu (relative)': {
+		jsx: <div className='sdc-popup-menu'>
+				<PopupMenu onMenuItemClick={()=> {}} position={{x: 10, y: 10}} relative>
+					<PopupMenuItem itemId='1' value='item 1 (selected)' selected/>
+					<PopupMenuItem itemId='2' value='item 2' disabled/>
+					<PopupMenu.Separator />
+					<PopupMenuItem itemId='3' value='item 3' onClick={function customCallback() {}}/>
+				</PopupMenu>
+			</div>,
+		html: HTMLPopupMenuRelative
+	}
+};
+
+const PopupMenuReactComponent = () => (
+	<Examples examples={examples} />
+);
+
+export default PopupMenuReactComponent;
\ No newline at end of file