react-menthol
Version:
React dom elements extensively used while creating components.
45 lines (36 loc) • 5.99 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 _react2=_interopRequireDefault(_react);
var _reactUtility=require('react-utility');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
Maintenance=function(_Component){_inherits(Maintenance,_Component);
function Maintenance(props){_classCallCheck(this,Maintenance);var _this=_possibleConstructorReturn(this,(Maintenance.__proto__||Object.getPrototypeOf(Maintenance)).call(this,
props));
_this.state=(0,_reactUtility.cloneProps)(props);return _this;
}_createClass(Maintenance,[{key:'componentWillReceiveProps',value:function componentWillReceiveProps(
nextProps){
this.setState((0,_reactUtility.cloneProps)(nextProps));
}},{key:'render',value:function render()
{
var style={
width:this.state.width,
height:this.state.height};
return(
_react2.default.createElement('div',{className:this.state.classNameWrapper,style:{textAlign:'center'}},
_react2.default.createElement('h3',null,this.state.heading),
_react2.default.createElement('p',null,this.state.paragraph),
_react2.default.createElement('img',{style:style,
src:this.state.src,
alt:this.state.alt,
className:this.state.classNameImg})));
}}]);return Maintenance}(_react.Component);Maintenance.
defaultProps={
src:'../public/images/underProgress.gif',
alt:'img not found',
width:'100px',
height:'75px',
heading:'We\'ll be back soon!',
paragraph:'Sorry for the inconvinence,but we\'re performing some maintenance at the moment',
classNameWrapper:'consume',
classNameImg:''};exports.default=
Maintenance;
//End of Maintenance comp
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9NYWludGVuYW5jZS5qc3giXSwibmFtZXMiOlsiTWFpbnRlbmFuY2UiLCJwcm9wcyIsInN0YXRlIiwibmV4dFByb3BzIiwic2V0U3RhdGUiLCJzdHlsZSIsIndpZHRoIiwiaGVpZ2h0IiwiY2xhc3NOYW1lV3JhcHBlciIsInRleHRBbGlnbiIsImhlYWRpbmciLCJwYXJhZ3JhcGgiLCJzcmMiLCJhbHQiLCJjbGFzc05hbWVJbWciLCJDb21wb25lbnQiLCJkZWZhdWx0UHJvcHMiXSwibWFwcGluZ3MiOiJBQUFBLGE7QUFDQSw0Qjs7QUFFQSwyQzs7QUFFTUEsVztBQUNKLHFCQUFZQyxLQUFaLENBQW1CO0FBQ1hBLEtBRFc7QUFFakIsTUFBS0MsS0FBTCxDQUFhLDZCQUFXRCxLQUFYLENBQWIsQ0FGaUI7QUFHbEIsQztBQUN5QkUsUyxDQUFXO0FBQ25DLEtBQUtDLFFBQUwsQ0FBYyw2QkFBV0QsU0FBWCxDQUFkO0FBQ0QsQzs7QUFFUTtBQUNQLEdBQU1FLE9BQVE7QUFDWkMsTUFBTyxLQUFLSixLQUFMLENBQVdJLEtBRE47QUFFWkMsT0FBUSxLQUFLTCxLQUFMLENBQVdLLE1BRlAsQ0FBZDs7QUFJQTtBQUNFLHFDQUFLLFVBQVcsS0FBS0wsS0FBTCxDQUFXTSxnQkFBM0IsQ0FBNkMsTUFBTyxDQUFFQyxVQUFXLFFBQWIsQ0FBcEQ7QUFDRSx3Q0FBSyxLQUFLUCxLQUFMLENBQVdRLE9BQWhCLENBREY7QUFFRSx1Q0FBSSxLQUFLUixLQUFMLENBQVdTLFNBQWYsQ0FGRjtBQUdFLHFDQUFLLE1BQU9OLEtBQVo7QUFDRSxJQUFLLEtBQUtILEtBQUwsQ0FBV1UsR0FEbEI7QUFFRSxJQUFLLEtBQUtWLEtBQUwsQ0FBV1csR0FGbEI7QUFHRSxVQUFXLEtBQUtYLEtBQUwsQ0FBV1ksWUFIeEIsRUFIRixDQURGOzs7QUFVRCxDLHdCQXhCdUJDLGdCLEVBQXBCZixXO0FBeUJHZ0IsWSxDQUFlO0FBQ3BCSixJQUFLLG9DQURlO0FBRXBCQyxJQUFLLGVBRmU7QUFHcEJQLE1BQU8sT0FIYTtBQUlwQkMsT0FBUSxNQUpZO0FBS3BCRyw4QkFMb0I7QUFNcEJDLDJGQU5vQjtBQU9wQkgsaUJBQWtCLFNBUEU7QUFRcEJNLGFBQWMsRUFSTSxDOzs7O0FBWVRkLFc7QUFDZiIsImZpbGUiOiJNYWludGVuYW5jZS5qcyIsInNvdXJjZXNDb250ZW50IjpbIid1c2Ugc3RyaWN0JztcbmltcG9ydCBSZWFjdCwgeyBDb21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IGNsb25lUHJvcHMgfSBmcm9tICdyZWFjdC11dGlsaXR5JztcblxuY2xhc3MgTWFpbnRlbmFuY2UgZXh0ZW5kcyBDb21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0gY2xvbmVQcm9wcyhwcm9wcyk7XG4gIH1cbiAgY29tcG9uZW50V2lsbFJlY2VpdmVQcm9wcyhuZXh0UHJvcHMpIHtcbiAgICB0aGlzLnNldFN0YXRlKGNsb25lUHJvcHMobmV4dFByb3BzKSk7XG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3Qgc3R5bGUgPSB7XG4gICAgICB3aWR0aDogdGhpcy5zdGF0ZS53aWR0aCxcbiAgICAgIGhlaWdodDogdGhpcy5zdGF0ZS5oZWlnaHQsXG4gICAgfTtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lV3JhcHBlcn0gc3R5bGU9e3sgdGV4dEFsaWduOiAnY2VudGVyJyB9fT5cbiAgICAgICAgPGgzPnt0aGlzLnN0YXRlLmhlYWRpbmd9PC9oMz5cbiAgICAgICAgPHA+e3RoaXMuc3RhdGUucGFyYWdyYXBofTwvcD5cbiAgICAgICAgPGltZyBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgc3JjPXt0aGlzLnN0YXRlLnNyY31cbiAgICAgICAgICBhbHQ9e3RoaXMuc3RhdGUuYWx0fVxuICAgICAgICAgIGNsYXNzTmFtZT17dGhpcy5zdGF0ZS5jbGFzc05hbWVJbWd9IC8+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4gIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgc3JjOiAnLi4vcHVibGljL2ltYWdlcy91bmRlclByb2dyZXNzLmdpZicsXG4gICAgYWx0OiAnaW1nIG5vdCBmb3VuZCcsXG4gICAgd2lkdGg6ICcxMDBweCcsXG4gICAgaGVpZ2h0OiAnNzVweCcsXG4gICAgaGVhZGluZzogYFdlJ2xsIGJlIGJhY2sgc29vbiFgLFxuICAgIHBhcmFncmFwaDogYFNvcnJ5IGZvciB0aGUgaW5jb252aW5lbmNlLGJ1dCB3ZSdyZSBwZXJmb3JtaW5nIHNvbWUgbWFpbnRlbmFuY2UgYXQgdGhlIG1vbWVudGAsXG4gICAgY2xhc3NOYW1lV3JhcHBlcjogJ2NvbnN1bWUnLFxuICAgIGNsYXNzTmFtZUltZzogJydcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWFpbnRlbmFuY2U7XG4vL0VuZCBvZiBNYWludGVuYW5jZSBjb21wIl19