@ndla/ui 56.0.14-alpha.0 → 56.0.15-alpha.0

package/src/TreeStructure/arrowNavigation.ts

@@ -1,54 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { KeyboardEvent } from "react";
-import { IFolder } from "@ndla/types-backend/myndla-api";
-
-const navigateVertical = (
-  visibleFolders: IFolder[],
-  folderId: string,
-  setFocusedFolderId: (id: IFolder) => void,
-  direction: 1 | -1,
-) => {
-  const currentIndex = visibleFolders.findIndex((folder) => folder.id === folderId);
-  const target = visibleFolders[currentIndex + direction];
-  if (target !== undefined) {
-    setFocusedFolderId(target);
-  }
-};
-
-const arrowKeys = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Enter"];
-
-export const arrowNavigation = (
-  e: KeyboardEvent<HTMLElement>,
-  id: string,
-  visibleFolders: IFolder[],
-  setFocusedFolderId: (id: IFolder) => void,
-  onOpen: (id: string) => void,
-  onClose: (id: string) => void,
-) => {
-  if (!arrowKeys.includes(e.key)) {
-    return;
-  }
-
-  e.preventDefault();
-  e.stopPropagation();
-
-  switch (e.key) {
-    case "ArrowUp":
-      return navigateVertical(visibleFolders, id, setFocusedFolderId, -1);
-    case "ArrowDown":
-      return navigateVertical(visibleFolders, id, setFocusedFolderId, 1);
-    case "ArrowLeft":
-      return onClose(id);
-    case "ArrowRight":
-      return onOpen(id);
-    default:
-      return;
-  }
-};