react-aim - npm Package Compare versions

		@@ -132,6 +132,9 @@ 'use strict';
		value: function mouseOver(event, component) {
		var rect = _reactDom2.default.findDOMNode(component).getBoundingClientRect();
		var left = rect.left >= 0 ? rect.left : 0;
		var top = rect.top >= 0 ? rect.top : 0;
		return event.pageX >= left && event.pageX <= left + rect.width && event.pageY >= top && event.pageY <= top + rect.height;
		if (component._isMounted) {
		var rect = _reactDom2.default.findDOMNode(component).getBoundingClientRect();
		var left = rect.left >= 0 ? rect.left : 0;
		var top = rect.top >= 0 ? rect.top : 0;
		return event.pageX >= left && event.pageX <= left + rect.width && event.pageY >= top && event.pageY <= top + rect.height;
		}
		return false;
		}
		@@ -138,0 +141,0 @@ }, {

lib/target.js

		@@ -45,2 +45,3 @@ 'use strict';
		_this.childrenSources = [];
		_this._isMounted = false;

		@@ -139,2 +140,3 @@ _this.handleMouseOut = function (e) {

		this._isMounted = true;
		_monitor2.default.addTarget(this);
		@@ -151,2 +153,3 @@ var element = _reactDom2.default.findDOMNode(this);

		this._isMounted = false;
		_monitor2.default.removeTarget(this);
		@@ -153,0 +156,0 @@ var element = _reactDom2.default.findDOMNode(this);

package.json

		{
		"name": "react-aim",
		"author": "Gabriel Bull",
		"version": "0.1.8",
		"version": "0.1.9",
		"description": "Determine the cursor aim for triggering mouse events.",
		@@ -27,3 +27,3 @@ "main": "./lib/index.js",
		"type": "git",
		"url": "https://github.com/gabrielbull/react-menu-buffer.git"
		"url": "https://github.com/gabrielbull/react-aim.git"
		},
		@@ -30,0 +30,0 @@ "scripts": {

README.md

		@@ -29,21 +29,19 @@ # React Aim

		@target(
		{
		mouseEnter: (props, component) => {
		console.log('mouse enter');
		},
		mouseLeave: (props, component) => {
		console.log('mouse leave');
		},
		aimMove: (props, component, distance) => {
		console.log('aim move ' + Math.round(distance * 100) + '%');
		},
		aimStart: (props, component, distance) => {
		console.log('aim start');
		},
		aimStop: (props, component) => {
		console.log('aim stop');
		}
		@target({
		mouseEnter: (props, component) => {
		console.log('mouse enter');
		},
		mouseLeave: (props, component) => {
		console.log('mouse leave');
		},
		aimMove: (props, component, distance) => {
		console.log('aim move ' + Math.round(distance * 100) + '%');
		},
		aimStart: (props, component, distance) => {
		console.log('aim start');
		},
		aimStop: (props, component) => {
		console.log('aim stop');
		}
		)
		})
		export default class extends Component {
		@@ -90,8 +88,6 @@ render() {

		@source(
		{
		mouseEnter: (props, component) => component.setState({ over: true }),
		mouseLeave: (props, component) => component.setState({ over: false })
		}
		)
		@source({
		mouseEnter: (props, component) => component.setState({ over: true }),
		mouseLeave: (props, component) => component.setState({ over: false })
		})
		export default class extends Component {
		@@ -98,0 +94,0 @@ constructor() {

Fixed alerts