1 files changed, 52 insertions, 0 deletions

diff --git a/src/react/Portal.js b/src/react/Portal.js
new file mode 100644
index 0000000..90e0675
--- /dev/null
+++ b/src/react/Portal.js
@@ -0,0 +1,52 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
+
+class Portal extends React.Component {        
+	componentDidMount() {
+		this.renderPortal();
+	}
+    
+	componentDidUpdate() {
+		this.renderPortal();
+	}
+    
+	componentWillUnmount() {
+		if (this.defaultNode) {
+			document.body.removeChild(this.defaultNode);
+		}
+		this.defaultNode = null;
+		this.portal = null;
+	}
+     
+	renderPortal() {
+		if (!this.defaultNode) {
+			this.defaultNode = document.createElement('div');
+			this.defaultNode.className = 'onap-sdc-portal';
+			document.body.appendChild(this.defaultNode);
+		}
+    
+		let children = this.props.children;        
+		if (typeof this.props.children.type === 'function') {
+			children = React.cloneElement(this.props.children);
+		}
+        /**
+         * Change this to ReactDOM.CreatePortal after upgrading to React 16
+         */
+		this.portal = ReactDOM.unstable_renderSubtreeIntoContainer(
+          this,
+          children,
+          this.defaultNode
+        );
+	}
+	render() {
+		return null;
+	}
+        
+}
+
+Portal.propTypes = {
+	children: PropTypes.node.isRequired
+};
+
+export default Portal;
\ No newline at end of file