modal-react-native-web
Version:
React native modal implementation for web
1 lines • 2.87 kB
JavaScript
Object.defineProperty(exports,"__esModule",{value:true});var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _reactDom=require('react-dom');var _reactDom2=_interopRequireDefault(_reactDom);var _propTypes=require('prop-types');var _propTypes2=_interopRequireDefault(_propTypes);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var Portal=function(_Component){_inherits(Portal,_Component);function Portal(){var _ref;var _temp,_this,_ret;_classCallCheck(this,Portal);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++){args[_key]=arguments[_key];}return _ret=(_temp=(_this=_possibleConstructorReturn(this,(_ref=Portal.__proto__||Object.getPrototypeOf(Portal)).call.apply(_ref,[this].concat(args))),_this),_this.state={el:null,target:null},_temp),_possibleConstructorReturn(_this,_ret);}_createClass(Portal,[{key:'componentDidMount',value:function componentDidMount(){var _this2=this;this.setState({el:document.createElement('div'),target:document.body},function(){_this2.state.target.appendChild(_this2.state.el);});}},{key:'componentWillUnmount',value:function componentWillUnmount(){this.state.target&&this.state.target.removeChild(this.state.el);}},{key:'render',value:function render(){var children=this.props.children;if(this.state.el){return _reactDom2.default.createPortal(children,this.state.el);}return null;}}]);return Portal;}(_react.Component);exports.default=Portal;Portal.propTypes=process.env.NODE_ENV!=="production"?{children:_propTypes2.default.node.isRequired}:{};module.exports=exports.default;