@rpg-engine/long-bow 0.8.87 → 0.8.89

package/dist/long-bow.esm.js

@@ -27184,19 +27184,36 @@ var useShortcutCooldown = function useShortcutCooldown(onShortcutCast) {
   var _useState = useState(0),
     shortcutCooldown = _useState[0],
     setShortcutCooldown = _useState[1];
-  var cooldownTimeout = useRef(null);
-  var handleShortcutCast = function handleShortcutCast(index) {
-    if (shortcutCooldown <= 0) setShortcutCooldown(1.5);
+  var intervalRef = useRef(null);
+  var clearCooldownInterval = useCallback(function () {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+  }, []);
+  var handleShortcutCast = useCallback(function (index) {
+    if (shortcutCooldown <= 0) {
+      setShortcutCooldown(1.5);
+    }
     onShortcutCast(index);
-  };
+  }, [shortcutCooldown, onShortcutCast]);
   useEffect(function () {
-    if (cooldownTimeout.current) clearTimeout(cooldownTimeout.current);
-    if (shortcutCooldown > 0) {
-      cooldownTimeout.current = setTimeout(function () {
-        setShortcutCooldown(shortcutCooldown - 0.1);
+    if (shortcutCooldown > 0 && !intervalRef.current) {
+      intervalRef.current = setInterval(function () {
+        setShortcutCooldown(function (prev) {
+          var next = prev - 0.1;
+          if (next <= 0) {
+            clearCooldownInterval();
+            return 0;
+          }
+          return next;
+        });
       }, 100);
     }
-  }, [shortcutCooldown]);
+    return function () {
+      clearCooldownInterval();
+    };
+  }, [shortcutCooldown > 0, clearCooldownInterval]);
   return {
     shortcutCooldown: shortcutCooldown,
     handleShortcutCast: handleShortcutCast
@@ -27451,19 +27468,18 @@ var DraggableContainer = function DraggableContainer(_ref) {
     height = '100%';
   }
   useOutsideClick(draggableRef, 'item-container');
+  var handleClickOutside = useCallback(function (event) {
+    var e = event;
+    if (e.detail.id === 'item-container') {
+      onOutsideClick == null ? void 0 : onOutsideClick();
+    }
+  }, [onOutsideClick]);
   useEffect(function () {
-    document.addEventListener('clickOutside', function (event) {
-      var e = event;
-      if (e.detail.id === 'item-container') {
-        if (onOutsideClick) {
-          onOutsideClick();
-        }
-      }
-    });
+    document.addEventListener('clickOutside', handleClickOutside);
     return function () {
-      document.removeEventListener('clickOutside', function (_e) {});
+      document.removeEventListener('clickOutside', handleClickOutside);
     };
-  }, []);
+  }, [handleClickOutside]);
   return React.createElement(Draggable, {
     cancel: ".container-close,input,button," + cancelDrag,
     disabled: dragDisabled,
@@ -30565,19 +30581,18 @@ var RelativeListMenu = function RelativeListMenu(_ref) {
     pos = _ref.pos;
   var ref = useRef(null);
   useOutsideClick(ref, 'relative-context-menu');
+  var handleClickOutside = useCallback(function (event) {
+    var e = event;
+    if (e.detail.id === 'relative-context-menu') {
+      onOutsideClick == null ? void 0 : onOutsideClick();
+    }
+  }, [onOutsideClick]);
   useEffect(function () {
-    document.addEventListener('clickOutside', function (event) {
-      var e = event;
-      if (e.detail.id === 'relative-context-menu') {
-        if (onOutsideClick) {
-          onOutsideClick();
-        }
-      }
-    });
+    document.addEventListener('clickOutside', handleClickOutside);
     return function () {
-      document.removeEventListener('clickOutside', function (_e) {});
+      document.removeEventListener('clickOutside', handleClickOutside);
     };
-  }, []);
+  }, [handleClickOutside]);
   return React.createElement(ModalPortal, null, React.createElement(Container$k, Object.assign({
     fontSize: fontSize,
     ref: ref
@@ -36032,8 +36047,6 @@ var ProgressBar$1 = function ProgressBar(_ref) {
     minWidth = _ref$minWidth === void 0 ? 100 : _ref$minWidth,
     style = _ref.style,
     mobileScale = _ref.mobileScale;
-  value = Math.round(value);
-  max = Math.round(max);
   var calculatePercentageValue = function calculatePercentageValue(max, value) {
     if (value > max) {
       value = max;
@@ -36041,6 +36054,9 @@ var ProgressBar$1 = function ProgressBar(_ref) {
     var percentage = value * 100 / max;
     return Math.min(99.99, percentage);
   };
+  // Round only for display, not for calculation
+  var displayValue = Math.round(value);
+  var displayMax = Math.round(max);
   return React.createElement(Container$B, {
     className: "rpgui-progress",
     "data-value": calculatePercentageValue(max, value) / 100,
@@ -36049,7 +36065,7 @@ var ProgressBar$1 = function ProgressBar(_ref) {
     minWidth: minWidth,
     style: style,
     mobileScale: mobileScale
-  }, displayText && React.createElement(TextOverlay$1, null, React.createElement(ProgressBarText, null, value, "/", max)), React.createElement("div", {
+  }, displayText && React.createElement(TextOverlay$1, null, React.createElement(ProgressBarText, null, displayValue, "/", displayMax)), React.createElement("div", {
     className: " rpgui-progress-track"
   }, React.createElement("div", {
     className: "rpgui-progress-fill " + color + " ",
@@ -36347,6 +36363,8 @@ var Shortcuts = function Shortcuts(_ref) {
   var _useShortcutCooldown = useShortcutCooldown(onShortcutCast),
     handleShortcutCast = _useShortcutCooldown.handleShortcutCast,
     shortcutCooldown = _useShortcutCooldown.shortcutCooldown;
+  // Use a Set to track active timeouts - automatically cleaned when they complete
+  var activeTimeouts = useRef(new Set());
   var handleKeyDown = useCallback(function (e) {
     if (isBlockedCastingByKeyboard) return;
     var shortcutIndex = Number(e.key) - 1;
@@ -36357,21 +36375,20 @@ var Shortcuts = function Shortcuts(_ref) {
       var timeoutId = setTimeout(function () {
         var _shortcutsRefs$curren2;
         (_shortcutsRefs$curren2 = shortcutsRefs.current[shortcutIndex]) == null ? void 0 : _shortcutsRefs$curren2.classList.remove('active');
+        activeTimeouts.current["delete"](timeoutId);
       }, 150);
-      // Store timeoutId for later cleanup
-      timeoutIds.current.push(timeoutId);
+      activeTimeouts.current.add(timeoutId);
     }
   }, [isBlockedCastingByKeyboard, handleShortcutCast]);
-  // Initialize a ref to store the timeout ids
-  var timeoutIds = useRef([]);
   useEffect(function () {
     window.addEventListener('keydown', handleKeyDown);
     return function () {
       window.removeEventListener('keydown', handleKeyDown);
-      // Clear all timeouts when the component unmounts
-      timeoutIds.current.forEach(function (id) {
+      // Clear all active timeouts when the component unmounts
+      activeTimeouts.current.forEach(function (id) {
         return clearTimeout(id);
       });
+      activeTimeouts.current.clear();
     };
   }, [handleKeyDown]);
   return React.createElement(List$1, null, Array.from({