UNPKG

react-menthol

Version:

React dom elements extensively used while creating components.

61 lines (51 loc) 8.08 kB
'use strict';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==