react-menthol
Version:
React dom elements extensively used while creating components.
61 lines (51 loc) • 8.08 kB
JavaScript
;Object.defineProperty(exports,'__esModule',{value:true});var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key]}}}return target};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');
var _svg=require('../public/images/svg');var SvgTypes=_interopRequireWildcard(_svg);function _interopRequireWildcard(obj){if(obj&&obj.__esModule){return obj}else{var newObj={};if(obj!=null){for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key))newObj[key]=obj[key]}}newObj.default=obj;return newObj}}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
Loading=function(_Component){_inherits(Loading,_Component);
function Loading(props){_classCallCheck(this,Loading);var _this=_possibleConstructorReturn(this,(Loading.__proto__||Object.getPrototypeOf(Loading)).call(this,
props));
_this.state=(0,_reactUtility.cloneProps)(props);return _this;
}_createClass(Loading,[{key:'componentWillReceiveProps',value:function componentWillReceiveProps(
nextProps){
this.setState((0,_reactUtility.cloneProps)(nextProps));
}},{key:'render',value:function render()
{var _state=
this.state,styles=_state.styles,svgType=_state.svgType;
var style=_extends({
width:this.state.width,
height:this.state.height,
marginLeft:this.state.marginLeft,
marginTop:this.state.marginTop},
styles);
var svg=SvgTypes[svgType];
return(
_react2.default.createElement('div',{className:this.state.classNameWrapper},
this.state.loadSvg?
_react2.default.createElement('div',{
style:style,
dangerouslySetInnerHTML:{__html:svg},
className:this.state.classNameImg}):
_react2.default.createElement('img',{style:style,
src:this.state.loadingImg,
alt:this.state.alt,
className:this.state.classNameImg})));
}}]);return Loading}(_react.Component);
var css={
// width
};
Loading.defaultProps={
loadSvg:false,
svgType:'balls',// balls,bars,bubbles,cubes,spin,spinningBubbles,spokes
loadingImg:'../public/images/spinner.gif',
alt:'img not found',
width:'90px',
height:'90px',
marginLeft:'35%',
marginTop:'5%',
styles:{},
classNameWrapper:'consume',
classNameImg:''};
Object.assign(Loading.defaultProps,css);exports.default=
Loading;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2FkaW5nLmpzeCJdLCJuYW1lcyI6WyJTdmdUeXBlcyIsIkxvYWRpbmciLCJwcm9wcyIsInN0YXRlIiwibmV4dFByb3BzIiwic2V0U3RhdGUiLCJzdHlsZXMiLCJzdmdUeXBlIiwic3R5bGUiLCJ3aWR0aCIsImhlaWdodCIsIm1hcmdpbkxlZnQiLCJtYXJnaW5Ub3AiLCJzdmciLCJjbGFzc05hbWVXcmFwcGVyIiwibG9hZFN2ZyIsIl9faHRtbCIsImNsYXNzTmFtZUltZyIsImxvYWRpbmdJbWciLCJhbHQiLCJDb21wb25lbnQiLCJjc3MiLCJkZWZhdWx0UHJvcHMiLCJPYmplY3QiLCJhc3NpZ24iXSwibWFwcGluZ3MiOiJBQUFBLGE7QUFDQSw0QjtBQUNBO0FBQ0EseUMsR0FBWUEsUzs7QUFFTkMsTztBQUNGLGlCQUFZQyxLQUFaLENBQW1CO0FBQ1RBLEtBRFM7QUFFZixNQUFLQyxLQUFMLENBQWEsNkJBQVdELEtBQVgsQ0FBYixDQUZlO0FBR2xCLEM7QUFDeUJFLFMsQ0FBVztBQUNqQyxLQUFLQyxRQUFMLENBQWMsNkJBQVdELFNBQVgsQ0FBZDtBQUNILEM7O0FBRVE7QUFDdUIsS0FBS0QsS0FENUIsQ0FDR0csTUFESCxRQUNHQSxNQURILENBQ1dDLE9BRFgsUUFDV0EsT0FEWDtBQUVMLEdBQU1DO0FBQ0ZDLE1BQU8sS0FBS04sS0FBTCxDQUFXTSxLQURoQjtBQUVGQyxPQUFRLEtBQUtQLEtBQUwsQ0FBV08sTUFGakI7QUFHRkMsV0FBWSxLQUFLUixLQUFMLENBQVdRLFVBSHJCO0FBSUZDLFVBQVcsS0FBS1QsS0FBTCxDQUFXUyxTQUpwQjtBQUtDTixNQUxELENBQU47O0FBT0EsR0FBTU8sS0FBTWIsU0FBU08sT0FBVCxDQUFaO0FBQ0E7QUFDSSxxQ0FBSyxVQUFXLEtBQUtKLEtBQUwsQ0FBV1csZ0JBQTNCO0FBQ0ssS0FBS1gsS0FBTCxDQUFXWSxPQUFYO0FBQ0k7QUFDRyxNQUFPUCxLQURWO0FBRUcsd0JBQXlCLENBQUVRLE9BQVFILEdBQVYsQ0FGNUI7QUFHRyxVQUFXLEtBQUtWLEtBQUwsQ0FBV2MsWUFIekIsRUFESjs7QUFNTSxxQ0FBSyxNQUFPVCxLQUFaO0FBQ0MsSUFBSyxLQUFLTCxLQUFMLENBQVdlLFVBRGpCO0FBRUMsSUFBSyxLQUFLZixLQUFMLENBQVdnQixHQUZqQjtBQUdDLFVBQVcsS0FBS2hCLEtBQUwsQ0FBV2MsWUFIdkIsRUFQWCxDQURKOzs7OztBQWdCSCxDLG9CQW5DaUJHLGdCOztBQXFDdEIsR0FBTUMsS0FBTTtBQUNSO0FBRFEsQ0FBWjtBQUdBcEIsUUFBUXFCLFlBQVIsQ0FBdUI7QUFDbkJQLFFBQVMsS0FEVTtBQUVuQlIsUUFBUyxPQUZVLENBRUQ7QUFDbEJXLFdBQVksOEJBSE87QUFJbkJDLElBQUssZUFKYztBQUtuQlYsTUFBTyxNQUxZO0FBTW5CQyxPQUFRLE1BTlc7QUFPbkJDLFdBQVksS0FQTztBQVFuQkMsVUFBVyxJQVJRO0FBU25CTixPQUFRLEVBVFc7QUFVbkJRLGlCQUFrQixTQVZDO0FBV25CRyxhQUFjLEVBWEssQ0FBdkI7O0FBYUFNLE9BQU9DLE1BQVAsQ0FBY3ZCLFFBQVFxQixZQUF0QixDQUFvQ0QsR0FBcEMsRTtBQUNlcEIsTyIsImZpbGUiOiJMb2FkaW5nLmpzIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBzdHJpY3QnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNsb25lUHJvcHMgfSBmcm9tICdyZWFjdC11dGlsaXR5JztcbmltcG9ydCAqIGFzIFN2Z1R5cGVzIGZyb20gJy4uL3B1YmxpYy9pbWFnZXMvc3ZnJztcblxuY2xhc3MgTG9hZGluZyBleHRlbmRzIENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICAgICAgc3VwZXIocHJvcHMpO1xuICAgICAgICB0aGlzLnN0YXRlID0gY2xvbmVQcm9wcyhwcm9wcyk7XG4gICAgfVxuICAgIGNvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMobmV4dFByb3BzKSB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoY2xvbmVQcm9wcyhuZXh0UHJvcHMpKTtcbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgc3R5bGVzLCBzdmdUeXBlIH0gPSB0aGlzLnN0YXRlO1xuICAgICAgICBjb25zdCBzdHlsZSA9IHtcbiAgICAgICAgICAgIHdpZHRoOiB0aGlzLnN0YXRlLndpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0OiB0aGlzLnN0YXRlLmhlaWdodCxcbiAgICAgICAgICAgIG1hcmdpbkxlZnQ6IHRoaXMuc3RhdGUubWFyZ2luTGVmdCxcbiAgICAgICAgICAgIG1hcmdpblRvcDogdGhpcy5zdGF0ZS5tYXJnaW5Ub3AsXG4gICAgICAgICAgICAuLi5zdHlsZXNcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3ZnID0gU3ZnVHlwZXNbc3ZnVHlwZV1cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXt0aGlzLnN0YXRlLmNsYXNzTmFtZVdyYXBwZXJ9PlxuICAgICAgICAgICAgICAgIHt0aGlzLnN0YXRlLmxvYWRTdmcgP1xuICAgICAgICAgICAgICAgICAgICAoPGRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3N0eWxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3sgX19odG1sOiBzdmcgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17dGhpcy5zdGF0ZS5jbGFzc05hbWVJbWd9XG4gICAgICAgICAgICAgICAgICAgIC8+KVxuICAgICAgICAgICAgICAgICAgICA6ICg8aW1nIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNyYz17dGhpcy5zdGF0ZS5sb2FkaW5nSW1nfVxuICAgICAgICAgICAgICAgICAgICAgICAgYWx0PXt0aGlzLnN0YXRlLmFsdH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17dGhpcy5zdGF0ZS5jbGFzc05hbWVJbWd9IC8+KVxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgfVxufVxuY29uc3QgY3NzID0ge1xuICAgIC8vIHdpZHRoXG59XG5Mb2FkaW5nLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBsb2FkU3ZnOiBmYWxzZSxcbiAgICBzdmdUeXBlOiAnYmFsbHMnLCAvLyBiYWxscyxiYXJzLGJ1YmJsZXMsY3ViZXMsc3BpbixzcGlubmluZ0J1YmJsZXMsc3Bva2VzXG4gICAgbG9hZGluZ0ltZzogJy4uL3B1YmxpYy9pbWFnZXMvc3Bpbm5lci5naWYnLFxuICAgIGFsdDogJ2ltZyBub3QgZm91bmQnLFxuICAgIHdpZHRoOiAnOTBweCcsXG4gICAgaGVpZ2h0OiAnOTBweCcsXG4gICAgbWFyZ2luTGVmdDogJzM1JScsXG4gICAgbWFyZ2luVG9wOiAnNSUnLFxuICAgIHN0eWxlczoge30sXG4gICAgY2xhc3NOYW1lV3JhcHBlcjogJ2NvbnN1bWUnLFxuICAgIGNsYXNzTmFtZUltZzogJydcbn1cbk9iamVjdC5hc3NpZ24oTG9hZGluZy5kZWZhdWx0UHJvcHMsIGNzcyk7XG5leHBvcnQgZGVmYXVsdCBMb2FkaW5nOyJdfQ==