@up-group-ui/react-controls
Version:
Up shared react controls
31 lines • 1.26 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var UpHover = (function (_super) {
(0, tslib_1.__extends)(UpHover, _super);
function UpHover() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.state = {
hover: false,
};
_this.onMouseEnterHandler = function () {
_this.setState({ hover: true }, _this.onStateChange);
};
_this.onMouseLeaveHandler = function () {
_this.setState({ hover: false }, _this.onStateChange);
};
_this.onStateChange = function () {
_this.props.onHoverChange(_this.state.hover);
};
return _this;
}
UpHover.prototype.render = function () {
var children = this.props.children;
return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, { children: children }), void 0));
};
return UpHover;
}(react_1.default.Component));
exports.default = UpHover;
//# sourceMappingURL=UpHover.js.map