@riosst100/pwa-marketplace 1.8.1 → 1.8.2

package/src/overwrites/peregrine/lib/talons/MegaMenu/useMegaMenuItem.js

@@ -1,66 +1,66 @@
-import { useCallback, useMemo, useState } from 'react';
-
-export const useMegaMenuItem = props => {
-    const { category, activeCategoryId, subMenuState, disableFocus } = props;
-
-    const [isFocused, setIsFocused] = useState(false);
-    const isActive = category.id === activeCategoryId;
-
-    const handleMenuItemFocus = useCallback(() => {
-        setIsFocused(true);
-    }, [setIsFocused]);
-
-    const handleCloseSubMenu = useCallback(() => {
-        setIsFocused(false);
-    }, [setIsFocused]);
-
-    const isMenuActive = useMemo(() => {
-        if (!isFocused) {
-            return false;
-        }
-        if (subMenuState) {
-            return true;
-        } else if (disableFocus) {
-            setIsFocused(false);
-        }
-        return false;
-    }, [isFocused, subMenuState, disableFocus]);
-
-    const handleKeyDown = useCallback(
-        event => {
-            const { key: pressedKey, shiftKey } = event;
-
-            // checking down arrow and spacebar
-            if (pressedKey === 'ArrowDown' || pressedKey === ' ') {
-                event.preventDefault();
-                if (category.children.length || category.name == "Lego") {
-                    setIsFocused(true);
-                } else {
-                    setIsFocused(false);
-                }
-
-                return;
-            }
-
-            //checking up arrow or escape
-            if (pressedKey === 'ArrowUp' || pressedKey === 'Escape') {
-                setIsFocused(false);
-            }
-
-            //checking Tab with Shift
-            if (shiftKey && pressedKey === 'Tab') {
-                setIsFocused(false);
-            }
-        },
-        [category.children.length, category.name]
-    );
-
-    return {
-        isFocused,
-        isActive,
-        handleMenuItemFocus,
-        handleCloseSubMenu,
-        isMenuActive,
-        handleKeyDown
-    };
-};
+import { useCallback, useMemo, useState } from 'react';
+
+export const useMegaMenuItem = props => {
+    const { category, activeCategoryId, subMenuState, disableFocus } = props;
+
+    const [isFocused, setIsFocused] = useState(false);
+    const isActive = category.id === activeCategoryId;
+
+    const handleMenuItemFocus = useCallback(() => {
+        setIsFocused(true);
+    }, [setIsFocused]);
+
+    const handleCloseSubMenu = useCallback(() => {
+        setIsFocused(false);
+    }, [setIsFocused]);
+
+    const isMenuActive = useMemo(() => {
+        if (!isFocused) {
+            return false;
+        }
+        if (subMenuState) {
+            return true;
+        } else if (disableFocus) {
+            setIsFocused(false);
+        }
+        return false;
+    }, [isFocused, subMenuState, disableFocus]);
+
+    const handleKeyDown = useCallback(
+        event => {
+            const { key: pressedKey, shiftKey } = event;
+
+            // checking down arrow and spacebar
+            if (pressedKey === 'ArrowDown' || pressedKey === ' ') {
+                event.preventDefault();
+                if (category.children.length || category.name == "Lego") {
+                    setIsFocused(true);
+                } else {
+                    setIsFocused(false);
+                }
+
+                return;
+            }
+
+            //checking up arrow or escape
+            if (pressedKey === 'ArrowUp' || pressedKey === 'Escape') {
+                setIsFocused(false);
+            }
+
+            //checking Tab with Shift
+            if (shiftKey && pressedKey === 'Tab') {
+                setIsFocused(false);
+            }
+        },
+        [category.children.length, category.name]
+    );
+
+    return {
+        isFocused,
+        isActive,
+        handleMenuItemFocus,
+        handleCloseSubMenu,
+        isMenuActive,
+        handleKeyDown
+    };
+};

package/src/overwrites/peregrine/lib/talons/MegaMenu/useSubMenu.js

@@ -1,20 +1,20 @@
-import { useKeyboard } from 'react-aria';
-
-export const useSubMenu = props => {
-    const { isFocused, subMenuState, handleCloseSubMenu } = props;
-
-    const { keyboardProps } = useKeyboard({
-        onKeyDown: e => {
-            //checking for Tab without Shift
-            if (!e.shiftKey && e.key === 'Tab') {
-                e.target.addEventListener('blur', handleCloseSubMenu);
-            } else {
-                e.target.removeEventListener('blur', handleCloseSubMenu);
-            }
-        }
-    });
-
-    const isSubMenuActive = isFocused && subMenuState;
-
-    return { keyboardProps, isSubMenuActive };
-};
+import { useKeyboard } from 'react-aria';
+
+export const useSubMenu = props => {
+    const { isFocused, subMenuState, handleCloseSubMenu } = props;
+
+    const { keyboardProps } = useKeyboard({
+        onKeyDown: e => {
+            //checking for Tab without Shift
+            if (!e.shiftKey && e.key === 'Tab') {
+                e.target.addEventListener('blur', handleCloseSubMenu);
+            } else {
+                e.target.removeEventListener('blur', handleCloseSubMenu);
+            }
+        }
+    });
+
+    const isSubMenuActive = isFocused && subMenuState;
+
+    return { keyboardProps, isSubMenuActive };
+};