tix-react-ssr/dist/SkipServer.js

Tiket.com React Project Scripts

'use strict';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 _class,_temp;var _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _propTypes2=_interopRequireDefault(_propTypes);var _utils=require('./utils');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 SHOW_TIMEOUT=50;var SkipServer=(_temp=_class=function(_Component){_inherits(SkipServer,_Component);function SkipServer(props,context){_classCallCheck(this,SkipServer);var _this=_possibleConstructorReturn(this,(SkipServer.__proto__||Object.getPrototypeOf(SkipServer)).call(this,props,context));_this.handleOnShow=function(){_this.setState({visible:true});};if(props.enable){_this.state={visible:false};}else{_this.state={visible:!(0,_utils.get)(context,props.contextKey,false)};}return _this;}_createClass(SkipServer,[{key:'componentDidMount',value:function componentDidMount(){var _this2=this;if(!this.state.visible){window.requestAnimationFrame(function(){window.requestAnimationFrame(function(){return setTimeout(_this2.handleOnShow,SHOW_TIMEOUT);});});}}},{key:'componentWillUnmount',value:function componentWillUnmount(){if(this.timeout){clearTimeout(this.timeout);this.timeout=undefined;}}},{key:'render',value:function render(){if(this.state.visible){return this.props.children;}return this.props.placeholder||null;}}]);return SkipServer;}(_react.Component),_class.contextTypes={aboveFoldServerRender:_propTypes2.default.object},_class.defaultProps={enable:false},_temp);exports.default=SkipServer;