From 91f438eab5c856359932a556a4c93497d2751949 Mon Sep 17 00:00:00 2001 From: wadackel Date: Sun, 28 Apr 2024 12:03:10 +0900 Subject: [PATCH] refactor: remove keycode package --- package.json | 1 - src/components/Menu/Menu.tsx | 11 +++++------ yarn.lock | 5 ----- 3 files changed, 5 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index efe277d..565cf2f 100644 --- a/package.json +++ b/package.json @@ -56,7 +56,6 @@ "fuse.js": "^7.0.0", "history": "^5.3.0", "jotai": "^2.8.0", - "keycode": "^2.2.0", "mitt": "^3.0.1", "query-string": "^7.0.1", "rc-slider": "^10.5.0", diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx index 4bb6afe..22e80b7 100644 --- a/src/components/Menu/Menu.tsx +++ b/src/components/Menu/Menu.tsx @@ -1,6 +1,5 @@ import { clsx } from 'clsx'; import debounce from 'debounce'; -import keycode from 'keycode'; import React, { useCallback, useEffect, useMemo, useRef } from 'react'; import { findDOMNode } from 'react-dom'; import { CSSTransition } from 'react-transition-group'; @@ -191,18 +190,18 @@ export const Menu = ({ e.stopPropagation(); }; - switch (keycode(e as any)) { - case 'tab': - case 'esc': + switch (e.key) { + case 'Tab': + case 'Escape': cancel(); requestClose(); break; - case 'down': + case 'ArrowDown': case 'j': cancel(); nextFocus(); break; - case 'up': + case 'ArrowUp': case 'k': cancel(); previousFocus(); diff --git a/yarn.lock b/yarn.lock index 5bc45ed..596b380 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6040,11 +6040,6 @@ jsonfile@^6.0.1: object.assign "^4.1.4" object.values "^1.1.6" -keycode@^2.2.0: - version "2.2.1" - resolved "https://registry.yarnpkg.com/keycode/-/keycode-2.2.1.tgz#09c23b2be0611d26117ea2501c2c391a01f39eff" - integrity sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg== - keyv@^4.5.3: version "4.5.4" resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"