@rh-support/components 2.6.33 → 2.6.35

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

@@ -13,9 +13,5 @@ export declare function useSelectKeyboardNavigator({ list, isOpen, ignoreResetOn
     onInputKeyDown: (event: any) => void;
     setFocusedItemIndex: React.Dispatch<React.SetStateAction<number>>;
 };
-export declare function useSelectKeyboardNavigatorModified({ list, isOpen, setIsOpen, onSelect }: IProps): {
-    onInputKeyDown: (event: any) => void;
-    focusedItemIndex: number;
-};
 export {};
 //# sourceMappingURL=useSelectKeyboardNavigator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectKeyboardNavigator.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,UAAU,MAAM;IACZ,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,EACvC,IAAI,EACJ,MAAM,EACN,uBAAuB,EACvB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,QAAQ,GACX,EAAE,MAAM;;;;EAqFR;AAED,wBAAgB,kCAAkC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,MAAM;;;EAqD/F"}
+{"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,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,EACvC,IAAI,EACJ,MAAM,EACN,uBAAuB,EACvB,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,QAAQ,GACX,EAAE,MAAM;;;;EAyFR"}

package/lib/esm/hooks/useSelectKeyboardNavigator.js

@@ -1,4 +1,3 @@
-import { haltEvent } from '@rh-support/utils';
 import { useEffect, useState } from 'react';
 export function useSelectKeyboardNavigator({ list, isOpen, ignoreResetOnListChange, resetIndexOnClose, isDisabled, setIsOpen, onSelect, }) {
     const [focusedItemIndex, setFocusedItemIndex] = useState(null);
@@ -27,6 +26,9 @@ export function useSelectKeyboardNavigator({ list, isOpen, ignoreResetOnListChan
     const handleMenuArrowKeys = (key) => {
         let indexToFocus;
         if (isOpen) {
+            if (list.length === 0) {
+                return;
+            }
             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) {
@@ -62,7 +64,7 @@ export function useSelectKeyboardNavigator({ list, isOpen, ignoreResetOnListChan
                 if (!isOpen && !isDisabled) {
                     setIsOpen((pre) => !pre);
                 }
-                else if (isOpen && focusedItem !== null) {
+                else if (isOpen && focusedItem) {
                     onSelect(focusedItem);
                 }
                 break;
@@ -79,55 +81,3 @@ export function useSelectKeyboardNavigator({ list, isOpen, ignoreResetOnListChan
     };
     return { focusedItemIndex, onInputKeyDown, setFocusedItemIndex };
 }
-export function useSelectKeyboardNavigatorModified({ list, isOpen, setIsOpen, onSelect }) {
-    const [focusedItemIndex, setFocusedItemIndex] = useState(0);
-    const handleMenuArrowKeys = (key) => {
-        if (isOpen) {
-            setFocusedItemIndex((localIndex) => {
-                let indexToFocus;
-                if (key === 'ArrowUp') {
-                    // When no index is set or at the first index, focus to the last, otherwise decrement focus index
-                    if (localIndex === 0) {
-                        indexToFocus = list.length - 1;
-                    }
-                    else {
-                        indexToFocus = localIndex - 1;
-                    }
-                }
-                if (key === 'ArrowDown') {
-                    // When no index is set or at the last index, focus to the first, otherwise increment focus index
-                    if (localIndex === list.length - 1) {
-                        indexToFocus = 0;
-                    }
-                    else {
-                        indexToFocus = localIndex + 1;
-                    }
-                }
-                return indexToFocus;
-            });
-        }
-    };
-    const onInputKeyDown = (event) => {
-        switch (event.key) {
-            // Select the first available option
-            case 'Enter':
-                const focusedItem = focusedItemIndex !== null ? list[focusedItemIndex] : null;
-                if (!isOpen) {
-                    setIsOpen((pre) => !pre);
-                }
-                else if (isOpen && focusedItem !== null) {
-                    onSelect(focusedItem);
-                }
-                break;
-            case 'Escape':
-                setIsOpen(false);
-                break;
-            case 'ArrowUp':
-            case 'ArrowDown':
-                haltEvent(event);
-                handleMenuArrowKeys(event.key);
-                break;
-        }
-    };
-    return { onInputKeyDown, focusedItemIndex };
-}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/components",
-    "version": "2.6.33",
+    "version": "2.6.35",
     "description": "Contains all reusabel components for support app",
     "author": "Vikas Rathee <vrathee@redhat.com>",
     "license": "ISC",
@@ -62,8 +62,8 @@
         "@patternfly/react-icons": "6.2.1",
         "@patternfly/react-table": "6.2.1",
         "@rh-support/types": "2.0.31",
-        "@rh-support/user-permissions": "2.6.30",
-        "@rh-support/utils": "2.6.29",
+        "@rh-support/user-permissions": "2.6.32",
+        "@rh-support/utils": "2.6.31",
         "dompurify": "^2.2.6",
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
@@ -103,5 +103,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "f99f57bcf4460ad269285c718193ecadca625389"
+    "gitHead": "8d375371c521c2b8e6df87bd8d395af7118a01b6"
 }