@nulogy/components 10.2.7 → 10.2.8

package/dist/main.js

@@ -21218,7 +21218,15 @@
           showArrow = _ref.showArrow,
           openAriaLabel = _ref.openAriaLabel,
           closeAriaLabel = _ref.closeAriaLabel;
-      var timeoutID;
+      // We're going to manage the ID of the timeout in a ref so that we can examine
+      // it without causing a re-render. Note that "0" will denote "no jobs running",
+      // whereas positive values are the ID of the running job.
+      var timeoutId = React.useRef(0);
+
+      var resetTimeoutId = function resetTimeoutId() {
+        clearTimeout(timeoutId.current);
+        timeoutId.current = 0;
+      };
 
       var _useState = React.useState(defaultOpen),
           isOpen = _useState[0],
@@ -21230,14 +21238,14 @@
         }
 
         if (!skipDelay) {
-          timeoutID = setTimeout(fnc, delay);
+          timeoutId.current = setTimeout(fnc, delay);
         } else {
           fnc();
         }
       };
 
       var setPopUpState = function setPopUpState(nextIsOpenState, skipDelay) {
-        clearTimeout(timeoutID);
+        resetTimeoutId();
         conditionallyApplyDelay(function () {
           return setIsOpen(nextIsOpenState);
         }, nextIsOpenState ? showDelay : hideDelay, skipDelay);
@@ -21248,19 +21256,17 @@
       };
 
       React.useEffect(function () {
-        var handleKeyDown = function handleKeyDown(event) {
-          switch (event.keyCode) {
-            case keyCodes.ESC:
-              closePopUp();
-              break;
+        function handleKeyDown(event) {
+          if (event.code === "Escape") {
+            closePopUp();
           }
-        };
+        }
 
         document.addEventListener("keydown", handleKeyDown);
 
         var cleanup = function cleanup() {
           document.removeEventListener("keydown", handleKeyDown);
-          clearTimeout(timeoutID);
+          resetTimeoutId();
         };
 
         return cleanup;

package/dist/main.module.js

@@ -21201,7 +21201,15 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
       showArrow = _ref.showArrow,
       openAriaLabel = _ref.openAriaLabel,
       closeAriaLabel = _ref.closeAriaLabel;
-  var timeoutID;
+  // We're going to manage the ID of the timeout in a ref so that we can examine
+  // it without causing a re-render. Note that "0" will denote "no jobs running",
+  // whereas positive values are the ID of the running job.
+  var timeoutId = useRef(0);
+
+  var resetTimeoutId = function resetTimeoutId() {
+    clearTimeout(timeoutId.current);
+    timeoutId.current = 0;
+  };
 
   var _useState = useState(defaultOpen),
       isOpen = _useState[0],
@@ -21213,14 +21221,14 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
     }
 
     if (!skipDelay) {
-      timeoutID = setTimeout(fnc, delay);
+      timeoutId.current = setTimeout(fnc, delay);
     } else {
       fnc();
     }
   };
 
   var setPopUpState = function setPopUpState(nextIsOpenState, skipDelay) {
-    clearTimeout(timeoutID);
+    resetTimeoutId();
     conditionallyApplyDelay(function () {
       return setIsOpen(nextIsOpenState);
     }, nextIsOpenState ? showDelay : hideDelay, skipDelay);
@@ -21231,19 +21239,17 @@ var Popper$2 = /*#__PURE__*/React__default.forwardRef(function (_ref, popperRef)
   };
 
   useEffect(function () {
-    var handleKeyDown = function handleKeyDown(event) {
-      switch (event.keyCode) {
-        case keyCodes.ESC:
-          closePopUp();
-          break;
+    function handleKeyDown(event) {
+      if (event.code === "Escape") {
+        closePopUp();
       }
-    };
+    }
 
     document.addEventListener("keydown", handleKeyDown);
 
     var cleanup = function cleanup() {
       document.removeEventListener("keydown", handleKeyDown);
-      clearTimeout(timeoutID);
+      resetTimeoutId();
     };
 
     return cleanup;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "10.2.7",
+  "version": "10.2.8",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {