@rpg-engine/long-bow 0.8.230 → 0.8.231

package/dist/long-bow.cjs.development.js

@@ -3738,26 +3738,35 @@ var ItemTooltip = function ItemTooltip(_ref) {
     atlasJSON = _ref.atlasJSON,
     equipmentSet = _ref.equipmentSet;
   var ref = React.useRef(null);
+  var rafId = React.useRef(null);
   React.useEffect(function () {
     var current = ref.current;
     if (current) {
       var handleMouseMove = function handleMouseMove(event) {
+        if (rafId.current !== null) return;
         var clientX = event.clientX,
           clientY = event.clientY;
-        // Adjust the position of the tooltip based on the mouse position
-        var rect = current.getBoundingClientRect();
-        var tooltipWidth = rect.width;
-        var tooltipHeight = rect.height;
-        var isOffScreenRight = clientX + tooltipWidth + offset > window.innerWidth;
-        var isOffScreenBottom = clientY + tooltipHeight + offset > window.innerHeight;
-        var x = isOffScreenRight ? clientX - tooltipWidth - offset : clientX + offset;
-        var y = isOffScreenBottom ? clientY - tooltipHeight - offset : clientY + offset;
-        current.style.transform = "translate(" + x + "px, " + y + "px)";
-        current.style.opacity = '1';
+        rafId.current = requestAnimationFrame(function () {
+          rafId.current = null;
+          // Adjust the position of the tooltip based on the mouse position
+          var rect = current.getBoundingClientRect();
+          var tooltipWidth = rect.width;
+          var tooltipHeight = rect.height;
+          var isOffScreenRight = clientX + tooltipWidth + offset > window.innerWidth;
+          var isOffScreenBottom = clientY + tooltipHeight + offset > window.innerHeight;
+          var x = isOffScreenRight ? clientX - tooltipWidth - offset : clientX + offset;
+          var y = isOffScreenBottom ? clientY - tooltipHeight - offset : clientY + offset;
+          current.style.transform = "translate(" + x + "px, " + y + "px)";
+          current.style.opacity = '1';
+        });
       };
       window.addEventListener('mousemove', handleMouseMove);
       return function () {
         window.removeEventListener('mousemove', handleMouseMove);
+        if (rafId.current !== null) {
+          cancelAnimationFrame(rafId.current);
+          rafId.current = null;
+        }
       };
     }
     return;
@@ -5363,6 +5372,7 @@ var SimpleTooltip = function SimpleTooltip(_ref) {
   var tooltipRef = React.useRef(null);
   var triggerRef = React.useRef(null);
   var timeoutRef = React.useRef();
+  var rafId = React.useRef(null);
   var calculatePosition = function calculatePosition() {
     if (!triggerRef.current || !tooltipRef.current) return;
     var triggerRect = triggerRef.current.getBoundingClientRect();
@@ -5414,15 +5424,21 @@ var SimpleTooltip = function SimpleTooltip(_ref) {
   };
   React.useEffect(function () {
     var handleMouseMove = function handleMouseMove(event) {
-      if (visible && tooltipRef.current && triggerRef.current) {
-        var tooltipRect = tooltipRef.current.getBoundingClientRect();
-        var triggerRect = triggerRef.current.getBoundingClientRect();
-        var isOutsideTooltip = event.clientX < tooltipRect.left || event.clientX > tooltipRect.right || event.clientY < tooltipRect.top || event.clientY > tooltipRect.bottom;
-        var isOutsideTrigger = event.clientX < triggerRect.left || event.clientX > triggerRect.right || event.clientY < triggerRect.top || event.clientY > triggerRect.bottom;
-        if (isOutsideTooltip && isOutsideTrigger) {
-          hideTooltip();
+      if (rafId.current !== null) return;
+      var clientX = event.clientX,
+        clientY = event.clientY;
+      rafId.current = requestAnimationFrame(function () {
+        rafId.current = null;
+        if (visible && tooltipRef.current && triggerRef.current) {
+          var tooltipRect = tooltipRef.current.getBoundingClientRect();
+          var triggerRect = triggerRef.current.getBoundingClientRect();
+          var isOutsideTooltip = clientX < tooltipRect.left || clientX > tooltipRect.right || clientY < tooltipRect.top || clientY > tooltipRect.bottom;
+          var isOutsideTrigger = clientX < triggerRect.left || clientX > triggerRect.right || clientY < triggerRect.top || clientY > triggerRect.bottom;
+          if (isOutsideTooltip && isOutsideTrigger) {
+            hideTooltip();
+          }
         }
-      }
+      });
     };
     var handleScroll = function handleScroll() {
       if (visible) {
@@ -5441,6 +5457,10 @@ var SimpleTooltip = function SimpleTooltip(_ref) {
       document.removeEventListener('mousemove', handleMouseMove);
       window.removeEventListener('scroll', handleScroll);
       window.removeEventListener('resize', handleResize);
+      if (rafId.current !== null) {
+        cancelAnimationFrame(rafId.current);
+        rafId.current = null;
+      }
       clearTimeout(timeoutRef.current);
     };
   }, [visible]);