You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

40 lines
1.5 KiB

import _extends from "babel-runtime/helpers/extends";
import _classCallCheck from "babel-runtime/helpers/classCallCheck";
import _createClass from "babel-runtime/helpers/createClass";
import _possibleConstructorReturn from "babel-runtime/helpers/possibleConstructorReturn";
import _inherits from "babel-runtime/helpers/inherits";
import React from 'react';
var LazyRenderBox = function (_React$Component) {
_inherits(LazyRenderBox, _React$Component);
function LazyRenderBox() {
_classCallCheck(this, LazyRenderBox);
return _possibleConstructorReturn(this, (LazyRenderBox.__proto__ || Object.getPrototypeOf(LazyRenderBox)).apply(this, arguments));
}
_createClass(LazyRenderBox, [{
key: "shouldComponentUpdate",
value: function shouldComponentUpdate(nextProps) {
return !!nextProps.hiddenClassName || !!nextProps.visible;
}
}, {
key: "render",
value: function render() {
var className = this.props.className;
if (!!this.props.hiddenClassName && !this.props.visible) {
className += " " + this.props.hiddenClassName;
}
var props = _extends({}, this.props);
delete props.hiddenClassName;
delete props.visible;
props.className = className;
return React.createElement("div", _extends({}, props));
}
}]);
return LazyRenderBox;
}(React.Component);
export default LazyRenderBox;