react-menthol
Version:
React dom elements extensively used while creating components.
76 lines (56 loc) • 9.93 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
Legend=function(_Component){_inherits(Legend,_Component);
function Legend(props){_classCallCheck(this,Legend);var _this=_possibleConstructorReturn(this,(Legend.__proto__||Object.getPrototypeOf(Legend)).call(this,
props));_this.
handleLegendClick=function(e,obj){
e.preventDefault();
_this.state.onClick({e:e,data:data,obj:obj});
};_this.state=(0,_reactUtility.cloneProps)(props);return _this}_createClass(Legend,[{key:'componentWillReceiveProps',value:function componentWillReceiveProps(nextProps){this.setState((0,_reactUtility.cloneProps)(nextProps))}},{key:'render',value:function render()
{var _this2=this;var _state=
this.state,layout=_state.layout,data=_state.data;
var style1=void 0,style2=void 0;
if(layout=='vertical'){
style1={display:'grid'};
style2={marginTop:'7px'};
}else
if(layout=='horizontal'){
style1={};
style2={};
}
return(
_react2.default.createElement('div',{className:this.state.classNameWrapper,style:{position:'relative'}},
_react2.default.createElement('ul',{className:this.state.classNameLegendWrapper,style:style1},
data.map(function(obj,index){
var colorStyle={backgroundColor:obj.color};
obj.active=obj.hasOwnProperty('active')?obj.active:true;
if(!obj.active){
colorStyle={
backgroundColor:'#FFFFFF',
boxShadow:'rgb(216, 221, 230) 0px 0px 10px 1px inset'};
}
return(
_react2.default.createElement('li',{key:index+'.'+obj.key,className:_this2.state.classNameLegendList,style:style2,onClick:function onClick(e){_this2.handleLegendClick(e,obj)}},
_react2.default.createElement('div',{style:colorStyle,className:_this2.state.classNameLegendTick}),
_react2.default.createElement('div',{className:_this2.state.classNameLegendName},obj.key)));
}))));
}}]);return Legend}(_react.Component);Legend.
defaultProps={
layout:'horizontal',// vertical
data:[],
/*
data = [{ key: "Example1", color:"#FFFFFF", active: true },
{ key: "Example2", color:"#000000", active: true }]
*/
onClick:function onClick(){}};
var Css={
classNameWrapper:'consume',
classNameLegendWrapper:'legend-wrapper',
classNameLegendList:'legend-list',
classNameLegendTick:'legend-tick',
classNameLegendName:'legend-name'};
Object.assign(Legend.defaultProps,Css);exports.default=
Legend;
//End of Legend comp
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9MZWdlbmQuanN4Il0sIm5hbWVzIjpbIkxlZ2VuZCIsInByb3BzIiwiaGFuZGxlTGVnZW5kQ2xpY2siLCJlIiwib2JqIiwicHJldmVudERlZmF1bHQiLCJzdGF0ZSIsIm9uQ2xpY2siLCJkYXRhIiwibmV4dFByb3BzIiwic2V0U3RhdGUiLCJsYXlvdXQiLCJzdHlsZTEiLCJzdHlsZTIiLCJkaXNwbGF5IiwibWFyZ2luVG9wIiwiY2xhc3NOYW1lV3JhcHBlciIsInBvc2l0aW9uIiwiY2xhc3NOYW1lTGVnZW5kV3JhcHBlciIsIm1hcCIsImluZGV4IiwiY29sb3JTdHlsZSIsImJhY2tncm91bmRDb2xvciIsImNvbG9yIiwiYWN0aXZlIiwiaGFzT3duUHJvcGVydHkiLCJib3hTaGFkb3ciLCJrZXkiLCJjbGFzc05hbWVMZWdlbmRMaXN0IiwiY2xhc3NOYW1lTGVnZW5kVGljayIsImNsYXNzTmFtZUxlZ2VuZE5hbWUiLCJDb21wb25lbnQiLCJkZWZhdWx0UHJvcHMiLCJDc3MiLCJPYmplY3QiLCJhc3NpZ24iXSwibWFwcGluZ3MiOiJBQUFBLGE7QUFDQSw0Qjs7QUFFQSwyQzs7QUFFTUEsTTtBQUNMLGdCQUFZQyxLQUFaLENBQW1CO0FBQ1pBLEtBRFk7Ozs7Ozs7QUFRbkJDLGlCQVJtQixDQVFDLFNBQUNDLENBQUQsQ0FBSUMsR0FBSixDQUFZO0FBQy9CRCxFQUFFRSxjQUFGO0FBQ0EsTUFBS0MsS0FBTCxDQUFXQyxPQUFYLENBQW1CLENBQUVKLEVBQUdBLENBQUwsQ0FBUUssU0FBUixDQUFjSixPQUFkLENBQW5CO0FBQ0EsQ0FYa0IsQ0FFbEIsTUFBS0UsS0FBTCxDQUFhLDZCQUFXTCxLQUFYLENBQWIsQ0FGa0IsWUFHbEIsQywrRkFDeUJRLFMsQ0FBVyxDQUNwQyxLQUFLQyxRQUFMLENBQWMsNkJBQVdELFNBQVgsQ0FBZCxDQUNBLEM7QUFNUTtBQUNpQixLQUFLSCxLQUR0QixDQUNBSyxNQURBLFFBQ0FBLE1BREEsQ0FDUUgsSUFEUixRQUNRQSxJQURSO0FBRVIsR0FBSUksY0FBSixDQUFZQyxhQUFaO0FBQ0EsR0FBSUYsUUFBVSxVQUFkLENBQTBCO0FBQ3pCQyxPQUFTLENBQUVFLFFBQVMsTUFBWCxDQUFUO0FBQ0FELE9BQVMsQ0FBRUUsVUFBVyxLQUFiLENBQVQ7QUFDQSxDQUhEO0FBSUssR0FBSUosUUFBVSxZQUFkLENBQTRCO0FBQ2hDQyxPQUFTLEVBQVQ7QUFDQUMsT0FBUyxFQUFUO0FBQ0E7QUFDRDtBQUNDLHFDQUFLLFVBQVcsS0FBS1AsS0FBTCxDQUFXVSxnQkFBM0IsQ0FBNkMsTUFBTyxDQUFFQyxTQUFVLFVBQVosQ0FBcEQ7QUFDQyxvQ0FBSSxVQUFXLEtBQUtYLEtBQUwsQ0FBV1ksc0JBQTFCLENBQWtELE1BQU9OLE1BQXpEO0FBQ0VKLEtBQUtXLEdBQUwsQ0FBUyxTQUFDZixHQUFELENBQU1nQixLQUFOLENBQWdCO0FBQ3pCLEdBQUlDLFlBQWEsQ0FBRUMsZ0JBQWlCbEIsSUFBSW1CLEtBQXZCLENBQWpCO0FBQ0FuQixJQUFJb0IsTUFBSixDQUFhcEIsSUFBSXFCLGNBQUosQ0FBbUIsUUFBbkIsRUFBK0JyQixJQUFJb0IsTUFBbkMsQ0FBNEMsSUFBekQ7QUFDQSxHQUFJLENBQUNwQixJQUFJb0IsTUFBVCxDQUFpQjtBQUNoQkgsV0FBYTtBQUNaQyxnQkFBaUIsU0FETDtBQUVaSSxVQUFXLDJDQUZDLENBQWI7O0FBSUE7QUFDRDtBQUNDLG9DQUFJLElBQVFOLEtBQVIsS0FBaUJoQixJQUFJdUIsR0FBekIsQ0FBZ0MsVUFBVyxPQUFLckIsS0FBTCxDQUFXc0IsbUJBQXRELENBQTJFLE1BQU9mLE1BQWxGLENBQTBGLFFBQVMsaUJBQUNWLENBQUQsQ0FBTyxDQUFFLE9BQUtELGlCQUFMLENBQXVCQyxDQUF2QixDQUEwQkMsR0FBMUIsQ0FBZ0MsQ0FBNUk7QUFDQyxxQ0FBSyxNQUFPaUIsVUFBWixDQUF3QixVQUFXLE9BQUtmLEtBQUwsQ0FBV3VCLG1CQUE5QyxFQUREO0FBRUMscUNBQUssVUFBVyxPQUFLdkIsS0FBTCxDQUFXd0IsbUJBQTNCLEVBQWlEMUIsSUFBSXVCLEdBQXJELENBRkQsQ0FERDs7O0FBTUEsQ0FmQSxDQURGLENBREQsQ0FERDs7Ozs7QUF1QkEsQyxtQkEvQ21CSSxnQixFQUFmL0IsTTtBQWdERWdDLFksQ0FBZTtBQUNyQnJCLE9BQVEsWUFEYSxDQUNDO0FBQ3RCSCxLQUFNLEVBRmU7QUFHckI7Ozs7QUFJQUQsUUFBUSxrQkFBSSxDQUFFLENBUE8sQzs7OztBQVd2QixHQUFNMEIsS0FBTTtBQUNYakIsaUJBQWtCLFNBRFA7QUFFWEUsdUJBQXdCLGdCQUZiO0FBR1ZVLG9CQUFxQixhQUhYO0FBSVZDLG9CQUFxQixhQUpYO0FBS1ZDLG9CQUFxQixhQUxYLENBQVo7O0FBT0FJLE9BQU9DLE1BQVAsQ0FBY25DLE9BQU9nQyxZQUFyQixDQUFtQ0MsR0FBbkMsRTs7QUFFZWpDLE07QUFDZiIsImZpbGUiOiJMZWdlbmQuanMiLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIHN0cmljdCc7XG5pbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBjbG9uZVByb3BzIH0gZnJvbSAncmVhY3QtdXRpbGl0eSc7XG5cbmNsYXNzIExlZ2VuZCBleHRlbmRzIENvbXBvbmVudCB7XG5cdGNvbnN0cnVjdG9yKHByb3BzKSB7XG5cdFx0c3VwZXIocHJvcHMpO1xuXHRcdHRoaXMuc3RhdGUgPSBjbG9uZVByb3BzKHByb3BzKTtcblx0fVxuXHRjb21wb25lbnRXaWxsUmVjZWl2ZVByb3BzKG5leHRQcm9wcykge1xuXHRcdHRoaXMuc2V0U3RhdGUoY2xvbmVQcm9wcyhuZXh0UHJvcHMpKTtcblx0fVxuXG5cdGhhbmRsZUxlZ2VuZENsaWNrID0gKGUsIG9iaikgPT4ge1xuXHRcdGUucHJldmVudERlZmF1bHQoKTtcblx0XHR0aGlzLnN0YXRlLm9uQ2xpY2soeyBlOiBlLCBkYXRhLCBvYmogfSk7XG5cdH1cblx0cmVuZGVyKCkge1xuXHRcdGNvbnN0IHsgbGF5b3V0LCBkYXRhIH0gPSB0aGlzLnN0YXRlO1xuXHRcdGxldCBzdHlsZTEsIHN0eWxlMjtcblx0XHRpZiAobGF5b3V0ID09IFwidmVydGljYWxcIikge1xuXHRcdFx0c3R5bGUxID0geyBkaXNwbGF5OiAnZ3JpZCcgfTtcblx0XHRcdHN0eWxlMiA9IHsgbWFyZ2luVG9wOiBcIjdweFwiIH07XG5cdFx0fVxuXHRcdGVsc2UgaWYgKGxheW91dCA9PSBcImhvcml6b250YWxcIikge1xuXHRcdFx0c3R5bGUxID0ge307XG5cdFx0XHRzdHlsZTIgPSB7fTtcblx0XHR9XG5cdFx0cmV0dXJuIChcblx0XHRcdDxkaXYgY2xhc3NOYW1lPXt0aGlzLnN0YXRlLmNsYXNzTmFtZVdyYXBwZXJ9IHN0eWxlPXt7IHBvc2l0aW9uOiBcInJlbGF0aXZlXCIgfX0+XG5cdFx0XHRcdDx1bCBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lTGVnZW5kV3JhcHBlcn0gc3R5bGU9e3N0eWxlMX0+XG5cdFx0XHRcdFx0e2RhdGEubWFwKChvYmosIGluZGV4KSA9PiB7XG5cdFx0XHRcdFx0XHRsZXQgY29sb3JTdHlsZSA9IHsgYmFja2dyb3VuZENvbG9yOiBvYmouY29sb3IgfTtcblx0XHRcdFx0XHRcdG9iai5hY3RpdmUgPSBvYmouaGFzT3duUHJvcGVydHkoXCJhY3RpdmVcIikgPyBvYmouYWN0aXZlIDogdHJ1ZTtcblx0XHRcdFx0XHRcdGlmICghb2JqLmFjdGl2ZSkge1xuXHRcdFx0XHRcdFx0XHRjb2xvclN0eWxlID0ge1xuXHRcdFx0XHRcdFx0XHRcdGJhY2tncm91bmRDb2xvcjogXCIjRkZGRkZGXCIsXG5cdFx0XHRcdFx0XHRcdFx0Ym94U2hhZG93OiBcInJnYigyMTYsIDIyMSwgMjMwKSAwcHggMHB4IDEwcHggMXB4IGluc2V0XCJcblx0XHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0fVxuXHRcdFx0XHRcdFx0cmV0dXJuIChcblx0XHRcdFx0XHRcdFx0PGxpIGtleT17YCR7aW5kZXh9LiR7b2JqLmtleX1gfSBjbGFzc05hbWU9e3RoaXMuc3RhdGUuY2xhc3NOYW1lTGVnZW5kTGlzdH0gc3R5bGU9e3N0eWxlMn0gb25DbGljaz17KGUpID0+IHsgdGhpcy5oYW5kbGVMZWdlbmRDbGljayhlLCBvYmopIH19PlxuXHRcdFx0XHRcdFx0XHRcdDxkaXYgc3R5bGU9e2NvbG9yU3R5bGV9IGNsYXNzTmFtZT17dGhpcy5zdGF0ZS5jbGFzc05hbWVMZWdlbmRUaWNrfSAvPlxuXHRcdFx0XHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPXt0aGlzLnN0YXRlLmNsYXNzTmFtZUxlZ2VuZE5hbWV9PntvYmoua2V5fTwvZGl2PlxuXHRcdFx0XHRcdFx0XHQ8L2xpPlxuXHRcdFx0XHRcdFx0KVxuXHRcdFx0XHRcdH0pfVxuXHRcdFx0XHQ8L3VsPlxuXHRcdFx0PC9kaXY+XG5cdFx0KTtcblxuXHR9XG5cdHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG5cdFx0bGF5b3V0OiBcImhvcml6b250YWxcIiwgLy8gdmVydGljYWxcblx0XHRkYXRhOiBbXSxcblx0XHQvKlxuXHRcdFx0ZGF0YSA9IFt7IGtleTogXCJFeGFtcGxlMVwiLCBjb2xvcjpcIiNGRkZGRkZcIiwgYWN0aXZlOiB0cnVlIH0sXG4gICAgICAgICAgICB7IGtleTogXCJFeGFtcGxlMlwiLCBjb2xvcjpcIiMwMDAwMDBcIiwgYWN0aXZlOiB0cnVlIH1dXG5cdFx0Ki9cblx0XHRvbkNsaWNrOigpPT57fSxcblx0fTtcblxufVxuY29uc3QgQ3NzID0ge1xuXHRjbGFzc05hbWVXcmFwcGVyOiBcImNvbnN1bWVcIixcblx0Y2xhc3NOYW1lTGVnZW5kV3JhcHBlcjogXCJsZWdlbmQtd3JhcHBlclwiLFxuICBjbGFzc05hbWVMZWdlbmRMaXN0OiBcImxlZ2VuZC1saXN0XCIsXG4gIGNsYXNzTmFtZUxlZ2VuZFRpY2s6IFwibGVnZW5kLXRpY2tcIixcbiAgY2xhc3NOYW1lTGVnZW5kTmFtZTogXCJsZWdlbmQtbmFtZVwiLFxufTtcbk9iamVjdC5hc3NpZ24oTGVnZW5kLmRlZmF1bHRQcm9wcywgQ3NzKTtcblxuZXhwb3J0IGRlZmF1bHQgTGVnZW5kO1xuLy9FbmQgb2YgTGVnZW5kIGNvbXAiXX0=