react-menthol
Version:
React dom elements extensively used while creating components.
89 lines (75 loc) • 11.5 kB
JavaScript
;Object.defineProperty(exports,'__esModule',{value:true});var _typeof=typeof Symbol==='function'&&typeof Symbol.iterator==='symbol'?function(obj){return typeof obj}:function(obj){return obj&&typeof Symbol==='function'&&obj.constructor===Symbol&&obj!==Symbol.prototype?'symbol':typeof obj};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
Tooltip=function(_Component){_inherits(Tooltip,_Component);
function Tooltip(props){_classCallCheck(this,Tooltip);var _this=_possibleConstructorReturn(this,(Tooltip.__proto__||Object.getPrototypeOf(Tooltip)).call(this,
props));
_this.state=(0,_reactUtility.cloneProps)(props);return _this;
}_createClass(Tooltip,[{key:'componentWillReceiveProps',value:function componentWillReceiveProps(
nextProps){
this.setState((0,_reactUtility.cloneProps)(nextProps));
}},{key:'render',value:function render()
{var _state=
this.state,data=_state.data,dataObj=_state.dataObj,heading=_state.heading;
if(typeof data[0]=='undefined'||typeof data==null||typeof data[0]==null){
return'';
}
// const newHeading = strReplaceParams(this.state.regexForReplaceParamInHeading, heading, dataObj);
// above import needs to fix
var newHeading=heading;
if(typeof data[0]=='string'){
var Obj={};
for(var i=0;i<data.length;i++){
var temp=data[i],
temp2=dataObj[temp];
Obj[temp]=temp2;
}
var content='';
for(var property in Obj){
if(typeof Obj[property]!='undefined'&&Obj[property]!=null){
content+=property+': '+Obj[property].toLocaleString()+'\n';
}else{
content+=property+': '+'NULL'+'\n';
}
}
return(
_react2.default.createElement('div',{className:this.state.classNameTooltip},
newHeading&&_react2.default.createElement('div',{className:this.state.classNameTooltipHeading},newHeading),
_react2.default.createElement('small',null,content)));
}else
if(_typeof(data[0])=='object'){
// const Obj = {};
return(
_react2.default.createElement('div',{className:this.state.classNameTooltip},
newHeading&&_react2.default.createElement('div',{className:this.state.classNameTooltipHeading},newHeading),
data.map(function(row,index){
var style={color:row.color};
var label=row.alias.length>0?row.alias:row.key;
var value=void 0;
if(typeof dataObj[row.key]=='undefined'||dataObj[row.key]==null){
value='NULL';
}else{
value=dataObj[row.key];
}return _react2.default.createElement('div',{style:style,key:index+'.'+label},label,':\xA0\xA0',value);
})));
}
}}]);return Tooltip}(_react.Component);Tooltip.
defaultProps={
data:[],
/**
* data = [ {key : x, alias:"Xvalue", color:"black"},{key : y, alias:"Yvalue", color:"black"}]
*/
dataObj:{},
/**
* { x: 1, y:2 ,z: 4 }
*/
heading:'',
regexForReplaceParamInHeading:/\${(.*?)\}/g};
var Css={
classNameWrapper:'consume',
classNameTooltip:'menthol-tooltip',
classNameTooltipHeading:'menthol-tooltip-heading'};
Object.assign(Tooltip.defaultProps,Css);exports.default=
Tooltip;
//End of Tooltip comp
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Ub29sdGlwLmpzeCJdLCJuYW1lcyI6WyJUb29sdGlwIiwicHJvcHMiLCJzdGF0ZSIsIm5leHRQcm9wcyIsInNldFN0YXRlIiwiZGF0YSIsImRhdGFPYmoiLCJoZWFkaW5nIiwibmV3SGVhZGluZyIsIk9iaiIsImkiLCJsZW5ndGgiLCJ0ZW1wIiwidGVtcDIiLCJjb250ZW50IiwicHJvcGVydHkiLCJ0b0xvY2FsZVN0cmluZyIsImNsYXNzTmFtZVRvb2x0aXAiLCJjbGFzc05hbWVUb29sdGlwSGVhZGluZyIsIm1hcCIsInJvdyIsImluZGV4Iiwic3R5bGUiLCJjb2xvciIsImxhYmVsIiwiYWxpYXMiLCJrZXkiLCJ2YWx1ZSIsIkNvbXBvbmVudCIsImRlZmF1bHRQcm9wcyIsInJlZ2V4Rm9yUmVwbGFjZVBhcmFtSW5IZWFkaW5nIiwiQ3NzIiwiY2xhc3NOYW1lV3JhcHBlciIsIk9iamVjdCIsImFzc2lnbiJdLCJtYXBwaW5ncyI6IkFBQUEsYTtBQUNBLDRCOztBQUVBLDJDOztBQUVNQSxPO0FBQ0wsaUJBQVlDLEtBQVosQ0FBbUI7QUFDWkEsS0FEWTtBQUVsQixNQUFLQyxLQUFMLENBQWEsNkJBQVdELEtBQVgsQ0FBYixDQUZrQjtBQUdsQixDO0FBQ3lCRSxTLENBQVc7QUFDcEMsS0FBS0MsUUFBTCxDQUFjLDZCQUFXRCxTQUFYLENBQWQ7QUFDQSxDOztBQUVRO0FBQzJCLEtBQUtELEtBRGhDLENBQ0FHLElBREEsUUFDQUEsSUFEQSxDQUNNQyxPQUROLFFBQ01BLE9BRE4sQ0FDZUMsT0FEZixRQUNlQSxPQURmO0FBRVIsR0FBSSxNQUFPRixNQUFLLENBQUwsQ0FBUCxFQUFrQixXQUFsQixFQUFpQyxNQUFPQSxLQUFQLEVBQWUsSUFBaEQsRUFBd0QsTUFBT0EsTUFBSyxDQUFMLENBQVAsRUFBa0IsSUFBOUUsQ0FBb0Y7QUFDbkYsTUFBTyxFQUFQO0FBQ0E7QUFDRDtBQUNBO0FBQ0EsR0FBTUcsWUFBYUQsT0FBbkI7QUFDQSxHQUFJLE1BQU9GLE1BQUssQ0FBTCxDQUFQLEVBQWtCLFFBQXRCLENBQWdDO0FBQy9CLEdBQU1JLEtBQU0sRUFBWjtBQUNBLElBQUssR0FBSUMsR0FBSSxDQUFiLENBQWdCQSxFQUFJTCxLQUFLTSxNQUF6QixDQUFpQ0QsR0FBakMsQ0FBc0M7QUFDckMsR0FBTUUsTUFBT1AsS0FBS0ssQ0FBTCxDQUFiO0FBQ0NHLE1BQVFQLFFBQVFNLElBQVIsQ0FEVDtBQUVBSCxJQUFJRyxJQUFKLEVBQVlDLEtBQVo7QUFDQTtBQUNELEdBQUlDLFNBQVUsRUFBZDtBQUNBLElBQUssR0FBSUMsU0FBVCxHQUFxQk4sSUFBckIsQ0FBMEI7QUFDekIsR0FBSSxNQUFRQSxLQUFJTSxRQUFKLENBQVIsRUFBMEIsV0FBMUIsRUFBeUNOLElBQUlNLFFBQUosR0FBaUIsSUFBOUQsQ0FBb0U7QUFDbkVELFNBQVdDLFNBQVcsSUFBWCxDQUFrQk4sSUFBSU0sUUFBSixFQUFjQyxjQUFkLEVBQWxCLENBQW1ELElBQTlEO0FBQ0EsQ0FGRCxJQUVPO0FBQ05GLFNBQVdDLFNBQVcsSUFBWCxDQUFrQixNQUFsQixDQUEyQixJQUF0QztBQUNBO0FBQ0Q7QUFDRDtBQUNDLHFDQUFLLFVBQVcsS0FBS2IsS0FBTCxDQUFXZSxnQkFBM0I7QUFDRVQsWUFBYyxxQ0FBSyxVQUFXLEtBQUtOLEtBQUwsQ0FBV2dCLHVCQUEzQixFQUFxRFYsVUFBckQsQ0FEaEI7QUFFQywyQ0FBUU0sT0FBUixDQUZELENBREQ7O0FBS0EsQ0FwQkQ7QUFxQkssR0FBSSxRQUFPVCxLQUFLLENBQUwsQ0FBUCxHQUFrQixRQUF0QixDQUFnQztBQUNwQzs7QUFFQTtBQUNDLHFDQUFLLFVBQVcsS0FBS0gsS0FBTCxDQUFXZSxnQkFBM0I7QUFDRVQsWUFBYyxxQ0FBSyxVQUFXLEtBQUtOLEtBQUwsQ0FBV2dCLHVCQUEzQixFQUFxRFYsVUFBckQsQ0FEaEI7QUFFRUgsS0FBS2MsR0FBTCxDQUFTLFNBQUNDLEdBQUQsQ0FBTUMsS0FBTixDQUFnQjtBQUN6QixHQUFNQyxPQUFRLENBQUVDLE1BQU9ILElBQUlHLEtBQWIsQ0FBZDtBQUNBLEdBQU1DLE9BQVNKLElBQUlLLEtBQUosQ0FBVWQsTUFBVixDQUFtQixDQUFuQixDQUF1QlMsSUFBSUssS0FBM0IsQ0FBbUNMLElBQUlNLEdBQXREO0FBQ0EsR0FBSUMsYUFBSjtBQUNBLEdBQUksTUFBUXJCLFNBQVFjLElBQUlNLEdBQVosQ0FBUixFQUE2QixXQUE3QixFQUE0Q3BCLFFBQVFjLElBQUlNLEdBQVosR0FBb0IsSUFBcEUsQ0FBMEU7QUFDekVDLE1BQVEsTUFBUjtBQUNBLENBRkQsSUFFTztBQUNOQSxNQUFRckIsUUFBUWMsSUFBSU0sR0FBWixDQUFSO0FBQ0EsQ0FBQyxNQUFRLHNDQUFLLE1BQU9KLEtBQVosQ0FBbUIsSUFBUUQsS0FBUixLQUFpQkcsS0FBcEMsRUFBOENBLEtBQTlDLGFBQWtFRyxLQUFsRSxDQUFSO0FBQ0YsQ0FUQSxDQUZGLENBREQ7OztBQWVBOztBQUVELEMsb0JBMURvQkMsZ0IsRUFBaEI1QixPO0FBMkRFNkIsWSxDQUFlO0FBQ3JCeEIsS0FBTSxFQURlO0FBRXJCOzs7QUFHQUMsUUFBUyxFQUxZO0FBTXJCOzs7QUFHQUMsUUFBUyxFQVRZO0FBVXJCdUIsOEJBQStCLGFBVlYsQzs7OztBQWN2QixHQUFNQyxLQUFNO0FBQ1hDLGlCQUFrQixTQURQO0FBRVhmLGlCQUFrQixpQkFGUDtBQUdWQyx3QkFBeUIseUJBSGYsQ0FBWjs7O0FBTUFlLE9BQU9DLE1BQVAsQ0FBY2xDLFFBQVE2QixZQUF0QixDQUFvQ0UsR0FBcEMsRTs7QUFFZS9CLE87QUFDZiIsImZpbGUiOiJUb29sdGlwLmpzIiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBzdHJpY3QnO1xuaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY2xvbmVQcm9wcywgc3RyUmVwbGFjZVBhcmFtcyB9IGZyb20gJ3JlYWN0LXV0aWxpdHknO1xuXG5jbGFzcyBUb29sdGlwIGV4dGVuZHMgQ29tcG9uZW50IHtcblx0Y29uc3RydWN0b3IocHJvcHMpIHtcblx0XHRzdXBlcihwcm9wcyk7XG5cdFx0dGhpcy5zdGF0ZSA9IGNsb25lUHJvcHMocHJvcHMpO1xuXHR9XG5cdGNvbXBvbmVudFdpbGxSZWNlaXZlUHJvcHMobmV4dFByb3BzKSB7XG5cdFx0dGhpcy5zZXRTdGF0ZShjbG9uZVByb3BzKG5leHRQcm9wcykpO1xuXHR9XG5cblx0cmVuZGVyKCkge1xuXHRcdGNvbnN0IHsgZGF0YSwgZGF0YU9iaiwgaGVhZGluZyB9ID0gdGhpcy5zdGF0ZTtcblx0XHRpZiAodHlwZW9mIGRhdGFbMF0gPT0gXCJ1bmRlZmluZWRcIiB8fCB0eXBlb2YgZGF0YSA9PSBudWxsIHx8IHR5cGVvZiBkYXRhWzBdID09IG51bGwpIHtcblx0XHRcdHJldHVybiBcIlwiO1xuXHRcdH1cblx0XHQvLyBjb25zdCBuZXdIZWFkaW5nID0gc3RyUmVwbGFjZVBhcmFtcyh0aGlzLnN0YXRlLnJlZ2V4Rm9yUmVwbGFjZVBhcmFtSW5IZWFkaW5nLCBoZWFkaW5nLCBkYXRhT2JqKTtcblx0XHQvLyBhYm92ZSBpbXBvcnQgbmVlZHMgdG8gZml4XG5cdFx0Y29uc3QgbmV3SGVhZGluZyA9IGhlYWRpbmc7XG5cdFx0aWYgKHR5cGVvZiBkYXRhWzBdID09ICdzdHJpbmcnKSB7XG5cdFx0XHRjb25zdCBPYmogPSB7fTtcblx0XHRcdGZvciAobGV0IGkgPSAwOyBpIDwgZGF0YS5sZW5ndGg7IGkrKykge1xuXHRcdFx0XHRjb25zdCB0ZW1wID0gZGF0YVtpXSxcblx0XHRcdFx0XHR0ZW1wMiA9IGRhdGFPYmpbdGVtcF07XG5cdFx0XHRcdE9ialt0ZW1wXSA9IHRlbXAyO1xuXHRcdFx0fVxuXHRcdFx0bGV0IGNvbnRlbnQgPSAnJztcblx0XHRcdGZvciAobGV0IHByb3BlcnR5IGluIE9iaikge1xuXHRcdFx0XHRpZiAodHlwZW9mIChPYmpbcHJvcGVydHldKSAhPSBcInVuZGVmaW5lZFwiICYmIE9ialtwcm9wZXJ0eV0gIT0gbnVsbCkge1xuXHRcdFx0XHRcdGNvbnRlbnQgKz0gcHJvcGVydHkgKyAnOiAnICsgT2JqW3Byb3BlcnR5XS50b0xvY2FsZVN0cmluZygpICsgJ1xcbic7XG5cdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0Y29udGVudCArPSBwcm9wZXJ0eSArICc6ICcgKyBcIk5VTExcIiArICdcXG4nO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0XHRyZXR1cm4gKFxuXHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT17dGhpcy5zdGF0ZS5jbGFzc05hbWVUb29sdGlwfT5cblx0XHRcdFx0XHR7bmV3SGVhZGluZyAmJiA8ZGl2IGNsYXNzTmFtZT17dGhpcy5zdGF0ZS5jbGFzc05hbWVUb29sdGlwSGVhZGluZ30+e25ld0hlYWRpbmd9PC9kaXY+fVxuXHRcdFx0XHRcdDxzbWFsbD57Y29udGVudH08L3NtYWxsPlxuXHRcdFx0XHQ8L2Rpdj4pXG5cdFx0fVxuXHRcdGVsc2UgaWYgKHR5cGVvZiBkYXRhWzBdID09ICdvYmplY3QnKSB7XG5cdFx0XHQvLyBjb25zdCBPYmogPSB7fTtcblxuXHRcdFx0cmV0dXJuIChcblx0XHRcdFx0PGRpdiBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lVG9vbHRpcH0+XG5cdFx0XHRcdFx0e25ld0hlYWRpbmcgJiYgPGRpdiBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lVG9vbHRpcEhlYWRpbmd9PntuZXdIZWFkaW5nfTwvZGl2Pn1cblx0XHRcdFx0XHR7ZGF0YS5tYXAoKHJvdywgaW5kZXgpID0+IHtcblx0XHRcdFx0XHRcdGNvbnN0IHN0eWxlID0geyBjb2xvcjogcm93LmNvbG9yIH07XG5cdFx0XHRcdFx0XHRjb25zdCBsYWJlbCA9IChyb3cuYWxpYXMubGVuZ3RoID4gMCA/IHJvdy5hbGlhcyA6IHJvdy5rZXkpO1xuXHRcdFx0XHRcdFx0bGV0IHZhbHVlO1xuXHRcdFx0XHRcdFx0aWYgKHR5cGVvZiAoZGF0YU9ialtyb3cua2V5XSkgPT0gJ3VuZGVmaW5lZCcgfHwgZGF0YU9ialtyb3cua2V5XSA9PSBudWxsKSB7XG5cdFx0XHRcdFx0XHRcdHZhbHVlID0gXCJOVUxMXCJcblx0XHRcdFx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdFx0XHRcdHZhbHVlID0gZGF0YU9ialtyb3cua2V5XTtcblx0XHRcdFx0XHRcdH0gcmV0dXJuICg8ZGl2IHN0eWxlPXtzdHlsZX0ga2V5PXtgJHtpbmRleH0uJHtsYWJlbH1gfT57bGFiZWx9OiZuYnNwOyZuYnNwO3t2YWx1ZX08L2Rpdj4pXG5cdFx0XHRcdFx0fSlcblx0XHRcdFx0XHR9XG5cdFx0XHRcdDwvZGl2Pilcblx0XHR9XG5cblx0fVxuXHRzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuXHRcdGRhdGE6IFtdLFxuXHRcdC8qKlxuXHRcdCAqIGRhdGEgPSBbIHtrZXkgOiB4LCBhbGlhczpcIlh2YWx1ZVwiLCBjb2xvcjpcImJsYWNrXCJ9LHtrZXkgOiB5LCBhbGlhczpcIll2YWx1ZVwiLCBjb2xvcjpcImJsYWNrXCJ9XVxuXHRcdCAqL1xuXHRcdGRhdGFPYmo6IHt9LFxuXHRcdC8qKlxuXHRcdCAqIHsgeDogMSwgeToyICx6OiA0IH1cblx0XHQgKi9cblx0XHRoZWFkaW5nOiBcIlwiLFxuXHRcdHJlZ2V4Rm9yUmVwbGFjZVBhcmFtSW5IZWFkaW5nOiAvXFwkeyguKj8pXFx9L2csXG5cdH07XG5cbn1cbmNvbnN0IENzcyA9IHtcblx0Y2xhc3NOYW1lV3JhcHBlcjogXCJjb25zdW1lXCIsXG5cdGNsYXNzTmFtZVRvb2x0aXA6IFwibWVudGhvbC10b29sdGlwXCIsXG4gIGNsYXNzTmFtZVRvb2x0aXBIZWFkaW5nOiBcIm1lbnRob2wtdG9vbHRpcC1oZWFkaW5nXCIsXG5cbn07XG5PYmplY3QuYXNzaWduKFRvb2x0aXAuZGVmYXVsdFByb3BzLCBDc3MpO1xuXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwO1xuLy9FbmQgb2YgVG9vbHRpcCBjb21wIl19