@linzjs/lui 23.6.2 → 23.7.0

package/dist/lui.esm.js

@@ -15068,14 +15068,23 @@ var motif = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0id
  * A hook which allows you to register a handler when the escape key is pressed
  *
  * @param onEscape the handler function
+ * @param elRef a react ref to the element that should listen to the key event. If this argument is `undefined` it means the consumer wants to attach the listener to `document`. If this argument is a ref to `null` no event listener will be added.
  */
-var useEscapeFunction = function (onEscape, trigger) {
+var useEscapeFunction = function (onEscape, trigger, elRef) {
     if (trigger === void 0) { trigger = 'keydown'; }
-    var escFunction = useCallback(function (event) { return event.key === 'Escape' && onEscape(event); }, [onEscape]);
+    var escFunction = useCallback(function (event) {
+        if (event.keyCode === 27) {
+            onEscape(event);
+        }
+    }, [onEscape]);
     useEffect(function () {
-        document.addEventListener(trigger, escFunction);
-        return function () { return document.removeEventListener(trigger, escFunction); };
-    }, [escFunction]);
+        var _a;
+        if ((elRef === null || elRef === void 0 ? void 0 : elRef.current) === null)
+            return;
+        var el = (_a = elRef === null || elRef === void 0 ? void 0 : elRef.current) !== null && _a !== void 0 ? _a : document;
+        el.addEventListener(trigger, escFunction, false);
+        return function () { return el.removeEventListener(trigger, escFunction, false); };
+    }, [escFunction, elRef === null || elRef === void 0 ? void 0 : elRef.current]);
 };
 /**
  * A hook which allows handling of click event anywhere on the page.