UNPKG

react-menthol

Version:

React dom elements extensively used while creating components.

67 lines (46 loc) 8.66 kB
'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 _react=require('react');var _react2=_interopRequireDefault(_react); var _reactUtility=require('react-utility'); var _md=require('react-icons/md');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 Error=function(_Component){_inherits(Error,_Component); function Error(props){_classCallCheck(this,Error);var _this=_possibleConstructorReturn(this,(Error.__proto__||Object.getPrototypeOf(Error)).call(this, props));_this. toggleErrorBox=function(){ _this.setState({showErrorMsg:true,showErrorIcon:false}); };_this. handleClose=function(event){ event.preventDefault(); event.stopPropagation(); _this.setState({showErrorMsg:false,showErrorIcon:true}); };_this.state=(0,_reactUtility.cloneProps)(props);return _this}_createClass(Error,[{key:'componentWillReceiveProps',value:function componentWillReceiveProps(nextProps){this.setState((0,_reactUtility.cloneProps)(nextProps))}},{key:'render',value:function render() { return( _react2.default.createElement('div',{className:this.state.classNameErrorWrapper,style:{position:'relative'},onClick:this.toggleErrorBox}, this.state.showErrorMsg&& _react2.default.createElement('div',{className:this.state.className}, _react2.default.createElement('div',{className:this.state.classNameClose,onClick:this.handleClose,title:'close'}, _react2.default.createElement(_md.MdClose,{size:16,color:'white'})), _react2.default.createElement('div',{className:this.state.classNameErrorMsg},''+this.state.error)), this.state.showErrorIcon&& _react2.default.createElement('div',{className:this.state.classNameOctagon}, _react2.default.createElement('p',{className:this.state.classNameError},'Error'), _react2.default.createElement('div',{className:this.state.classNameShape})))); }}]);return Error}(_react.Component);Error. defaultProps={ showErrorMsg:false, showErrorIcon:true, error:false}; var errorCss={ classNameErrorWrapper:'consume', className:'consume', classNameOctagon:'shape-octagon', classNameErrorMsg:'error-msg', classNameError:'error-label', classNameShape:'error-shape', classNameClose:'error-close' // classNameCloseIcon: "icon-uniE642" }; Object.assign(Error.defaultProps,errorCss);exports.default= Error; //End of Error comp //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9FcnJvci5qc3giXSwibmFtZXMiOlsiRXJyb3IiLCJwcm9wcyIsInRvZ2dsZUVycm9yQm94Iiwic2V0U3RhdGUiLCJzaG93RXJyb3JNc2ciLCJzaG93RXJyb3JJY29uIiwiaGFuZGxlQ2xvc2UiLCJldmVudCIsInByZXZlbnREZWZhdWx0Iiwic3RvcFByb3BhZ2F0aW9uIiwic3RhdGUiLCJuZXh0UHJvcHMiLCJjbGFzc05hbWVFcnJvcldyYXBwZXIiLCJwb3NpdGlvbiIsImNsYXNzTmFtZSIsImNsYXNzTmFtZUNsb3NlIiwiY2xhc3NOYW1lRXJyb3JNc2ciLCJlcnJvciIsImNsYXNzTmFtZU9jdGFnb24iLCJjbGFzc05hbWVFcnJvciIsImNsYXNzTmFtZVNoYXBlIiwiQ29tcG9uZW50IiwiZGVmYXVsdFByb3BzIiwiZXJyb3JDc3MiLCJPYmplY3QiLCJhc3NpZ24iXSwibWFwcGluZ3MiOiJBQUFBLGE7QUFDQSw0Qjs7QUFFQTtBQUNBLGtDOztBQUVNQSxLO0FBQ0wsZUFBWUMsS0FBWixDQUFtQjtBQUNaQSxLQURZOzs7Ozs7O0FBUW5CQyxjQVJtQixDQVFGLFVBQU07QUFDdEIsTUFBS0MsUUFBTCxDQUFjLENBQUVDLGFBQWMsSUFBaEIsQ0FBc0JDLGNBQWUsS0FBckMsQ0FBZDtBQUNBLENBVmtCO0FBV25CQyxXQVhtQixDQVdMLFNBQUNDLEtBQUQsQ0FBVztBQUN4QkEsTUFBTUMsY0FBTjtBQUNBRCxNQUFNRSxlQUFOO0FBQ0EsTUFBS04sUUFBTCxDQUFjLENBQUVDLGFBQWMsS0FBaEIsQ0FBdUJDLGNBQWUsSUFBdEMsQ0FBZDtBQUNBLENBZmtCLENBRWxCLE1BQUtLLEtBQUwsQ0FBYSw2QkFBV1QsS0FBWCxDQUFiLENBRmtCLFlBR2xCLEMsOEZBQ3lCVSxTLENBQVcsQ0FDcEMsS0FBS1IsUUFBTCxDQUFjLDZCQUFXUSxTQUFYLENBQWQsQ0FDQSxDO0FBVVE7QUFDUjtBQUNDLHFDQUFLLFVBQVcsS0FBS0QsS0FBTCxDQUFXRSxxQkFBM0IsQ0FBa0QsTUFBTyxDQUFFQyxTQUFVLFVBQVosQ0FBekQsQ0FBbUYsUUFBUyxLQUFLWCxjQUFqRztBQUNFLEtBQUtRLEtBQUwsQ0FBV04sWUFBWDtBQUNBLHFDQUFLLFVBQVcsS0FBS00sS0FBTCxDQUFXSSxTQUEzQjtBQUNDLHFDQUFLLFVBQVcsS0FBS0osS0FBTCxDQUFXSyxjQUEzQixDQUEyQyxRQUFTLEtBQUtULFdBQXpELENBQXNFLE1BQU0sT0FBNUU7QUFDQyw4QkFBQyxXQUFELEVBQVMsS0FBTSxFQUFmLENBQW1CLE1BQU8sT0FBMUIsRUFERCxDQUREOztBQUlDLHFDQUFLLFVBQVcsS0FBS0ksS0FBTCxDQUFXTSxpQkFBM0IsS0FBa0QsS0FBS04sS0FBTCxDQUFXTyxLQUE3RCxDQUpELENBRkY7OztBQVNFLEtBQUtQLEtBQUwsQ0FBV0wsYUFBWDtBQUNDLHFDQUFLLFVBQVcsS0FBS0ssS0FBTCxDQUFXUSxnQkFBM0I7QUFDQSxtQ0FBRyxVQUFXLEtBQUtSLEtBQUwsQ0FBV1MsY0FBekIsVUFEQTtBQUVBLHFDQUFLLFVBQVcsS0FBS1QsS0FBTCxDQUFXVSxjQUEzQixFQUZBLENBVkgsQ0FERDs7Ozs7OztBQW9CQSxDLGtCQXRDa0JDLGdCLEVBQWRyQixLO0FBdUNFc0IsWSxDQUFlO0FBQ3JCbEIsYUFBYyxLQURPO0FBRXJCQyxjQUFlLElBRk07QUFHckJZLE1BQU8sS0FIYyxDOzs7O0FBT3ZCLEdBQU1NLFVBQVc7QUFDaEJYLHNCQUF1QixTQURQO0FBRWhCRSxVQUFXLFNBRks7QUFHaEJJLGlCQUFrQixlQUhGO0FBSWhCRixrQkFBbUIsV0FKSDtBQUtoQkcsZUFBZ0IsYUFMQTtBQU1oQkMsZUFBZ0IsYUFOQTtBQU9oQkwsZUFBZ0I7QUFDaEI7QUFSZ0IsQ0FBakI7QUFVQVMsT0FBT0MsTUFBUCxDQUFjekIsTUFBTXNCLFlBQXBCLENBQWtDQyxRQUFsQyxFOztBQUVldkIsSztBQUNmIiwiZmlsZSI6IkVycm9yLmpzIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBzdHJpY3QnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY2xvbmVQcm9wcyB9IGZyb20gJ3JlYWN0LXV0aWxpdHknO1xuaW1wb3J0IHsgTWRDbG9zZSB9IGZyb20gXCJyZWFjdC1pY29ucy9tZFwiO1xuXG5jbGFzcyBFcnJvciBleHRlbmRzIENvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKHByb3BzKSB7XG5cdFx0c3VwZXIocHJvcHMpO1xuXHRcdHRoaXMuc3RhdGUgPSBjbG9uZVByb3BzKHByb3BzKTtcblx0fVxuXHRjb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzKG5leHRQcm9wcykge1xuXHRcdHRoaXMuc2V0U3RhdGUoY2xvbmVQcm9wcyhuZXh0UHJvcHMpKTtcblx0fVxuXG5cdHRvZ2dsZUVycm9yQm94ID0gKCkgPT4ge1xuXHRcdHRoaXMuc2V0U3RhdGUoeyBzaG93RXJyb3JNc2c6IHRydWUsIHNob3dFcnJvckljb246IGZhbHNlIH0pO1xuXHR9XG5cdGhhbmRsZUNsb3NlID0gKGV2ZW50KSA9PiB7XG5cdFx0ZXZlbnQucHJldmVudERlZmF1bHQoKTtcblx0XHRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblx0XHR0aGlzLnNldFN0YXRlKHsgc2hvd0Vycm9yTXNnOiBmYWxzZSwgc2hvd0Vycm9ySWNvbjogdHJ1ZSB9KTtcblx0fVxuXHRyZW5kZXIoKSB7XG5cdFx0cmV0dXJuIChcblx0XHRcdDxkaXYgY2xhc3NOYW1lPXt0aGlzLnN0YXRlLmNsYXNzTmFtZUVycm9yV3JhcHBlcn0gc3R5bGU9e3sgcG9zaXRpb246IFwicmVsYXRpdmVcIiB9fSBvbkNsaWNrPXt0aGlzLnRvZ2dsZUVycm9yQm94fT5cblx0XHRcdFx0e3RoaXMuc3RhdGUuc2hvd0Vycm9yTXNnICYmXG5cdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lfT5cblx0XHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPXt0aGlzLnN0YXRlLmNsYXNzTmFtZUNsb3NlfSBvbkNsaWNrPXt0aGlzLmhhbmRsZUNsb3NlfSB0aXRsZT1cImNsb3NlXCI+XG5cdFx0XHRcdFx0XHRcdDxNZENsb3NlIHNpemU9ezE2fSBjb2xvcj17XCJ3aGl0ZVwifS8+XG4gICAgICAgICAgICA8L2Rpdj5cblx0XHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPXt0aGlzLnN0YXRlLmNsYXNzTmFtZUVycm9yTXNnfT57YCR7dGhpcy5zdGF0ZS5lcnJvcn1gfTwvZGl2PlxuXHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHR9XG5cdFx0XHRcdHt0aGlzLnN0YXRlLnNob3dFcnJvckljb24gJiZcblx0XHRcdFx0XHQoPGRpdiBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lT2N0YWdvbn0+XG5cdFx0XHRcdFx0XHQ8cCBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lRXJyb3J9PkVycm9yPC9wPlxuXHRcdFx0XHRcdFx0PGRpdiBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lU2hhcGV9PjwvZGl2PlxuXHRcdFx0XHRcdDwvZGl2Pilcblx0XHRcdFx0fVxuXG5cdFx0XHQ8L2Rpdj5cblx0XHQpO1xuXG5cdH1cblx0c3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcblx0XHRzaG93RXJyb3JNc2c6IGZhbHNlLFxuXHRcdHNob3dFcnJvckljb246IHRydWUsXG5cdFx0ZXJyb3I6IGZhbHNlLFxuXHR9O1xuXG59XG5jb25zdCBlcnJvckNzcyA9IHtcblx0Y2xhc3NOYW1lRXJyb3JXcmFwcGVyOiBcImNvbnN1bWVcIixcblx0Y2xhc3NOYW1lOiBcImNvbnN1bWVcIixcblx0Y2xhc3NOYW1lT2N0YWdvbjogXCJzaGFwZS1vY3RhZ29uXCIsXG5cdGNsYXNzTmFtZUVycm9yTXNnOiBcImVycm9yLW1zZ1wiLFxuXHRjbGFzc05hbWVFcnJvcjogXCJlcnJvci1sYWJlbFwiLFxuXHRjbGFzc05hbWVTaGFwZTogXCJlcnJvci1zaGFwZVwiLFxuXHRjbGFzc05hbWVDbG9zZTogXCJlcnJvci1jbG9zZVwiLFxuXHQvLyAgIGNsYXNzTmFtZUNsb3NlSWNvbjogXCJpY29uLXVuaUU2NDJcIlxufTtcbk9iamVjdC5hc3NpZ24oRXJyb3IuZGVmYXVsdFByb3BzLCBlcnJvckNzcyk7XG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yO1xuLy9FbmQgb2YgRXJyb3IgY29tcCJdfQ==