@loomhq/lens 10.49.0 → 10.50.0

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { default as useMedia } from "./use-media.js";
 export { default as useOnClickOutside } from "./use-on-click-outside.js";
+export { default as useFocusedElement } from "./use-focused-element";

package/dist/hooks/index.js

@@ -1,2 +1,3 @@
 export { default as useMedia } from './use-media.js';
 export { default as useOnClickOutside } from './use-on-click-outside.js';
+export { default as useFocusedElement } from './use-focused-element';

package/dist/hooks/use-focused-element.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function useFocusedElement<Element extends HTMLElement>(ref: React.RefObject<Element>): boolean;

package/dist/hooks/use-focused-element.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useState } from 'react';
+export default function useFocusedElement(ref) {
+    const [isFocused, setIsFocused] = useState(false);
+    const handleFocus = useCallback(e => {
+        const currentRef = ref.current;
+        if (e.type === 'focusin' && e.target === currentRef) {
+            setIsFocused(true);
+        }
+    }, [ref]);
+    const handleBlur = useCallback(e => {
+        const currentRef = ref.current;
+        if (e.type === 'focusout' && e.target === currentRef) {
+            setIsFocused(false);
+        }
+    }, [ref]);
+    useEffect(() => {
+        // Note: `focusin` is sent whenever an element OR its children gain focus (or, it supports "event bubbling"). If you need to isolate it to only the parent, create a new function using 'focus' and 'blur' respectively.
+        document.addEventListener('focusin', handleFocus);
+        document.addEventListener('focusout', handleBlur);
+        return () => {
+            document.removeEventListener('focusin', handleFocus);
+            document.removeEventListener('focusout', handleBlur);
+        };
+    }, [handleFocus, handleBlur]);
+    return Boolean(isFocused);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.49.0",
+  "version": "10.50.0",
   "scripts": {
     "dev": "next",
     "build:next": "next build",