@rh-support/components 2.1.29 → 2.4.10-beta.6

package/lib/esm/hooks/useSelectKeyboardNavigator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelectKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectKeyboardNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAM;IACZ,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAED,wBAAgB,0BAA0B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM;4BAiCrD,mBAAmB,CAAC,gBAAgB,CAAC;;EAuBvE"}

package/lib/esm/hooks/useSelectKeyboardNavigator.js

@@ -1,54 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useSelectKeyboardNavigator({ list, isOpen, setIsOpen, onSelect }) {
-    const [focusedItemIndex, setFocusedItemIndex] = useState(null);
-    useEffect(() => {
-        setFocusedItemIndex(null);
-    }, [list.length]);
-    const handleMenuArrowKeys = (key) => {
-        let indexToFocus;
-        if (isOpen) {
-            if (key === 'ArrowUp') {
-                // When no index is set or at the first index, focus to the last, otherwise decrement focus index
-                if (focusedItemIndex === null || focusedItemIndex === 0) {
-                    indexToFocus = list.length - 1;
-                }
-                else {
-                    indexToFocus = focusedItemIndex - 1;
-                }
-            }
-            if (key === 'ArrowDown') {
-                // When no index is set or at the last index, focus to the first, otherwise increment focus index
-                if (focusedItemIndex === null || focusedItemIndex === list.length - 1) {
-                    indexToFocus = 0;
-                }
-                else {
-                    indexToFocus = focusedItemIndex + 1;
-                }
-            }
-            setFocusedItemIndex(indexToFocus);
-        }
-    };
-    const onInputKeyDown = (event) => {
-        const focusedItem = focusedItemIndex !== null ? list[focusedItemIndex] : null;
-        switch (event.key) {
-            // Select the first available option
-            case 'Enter':
-                if (!isOpen) {
-                    setIsOpen((pre) => !pre);
-                }
-                else if (isOpen && focusedItem !== null) {
-                    onSelect(focusedItem);
-                }
-                break;
-            case 'Escape':
-                setIsOpen(false);
-                break;
-            case 'ArrowUp':
-            case 'ArrowDown':
-                event.preventDefault();
-                handleMenuArrowKeys(event.key);
-                break;
-        }
-    };
-    return { onInputKeyDown, focusedItemIndex };
-}