MenubarSubmenu: wip add interface --no-verify

Author: clairep94

client/components/Menubar/MenubarSubmenu.tsx

@@ -18,7 +18,7 @@ import {
 } from './contexts';
 import TriangleIcon from '../../images/down-filled-triangle.svg';
 
-export function useMenuProps(id) {
+export function useMenuProps(id: string) {
   const activeMenu = useContext(MenuOpenContext);
 
   const isOpen = id === activeMenu;
@@ -73,7 +73,7 @@ const MenubarTrigger = React.forwardRef(({ role, hasPopup, ...props }, ref) => {
   const { id, title, first, last } = useContext(SubmenuContext);
   const { isOpen, handlers } = useMenuProps(id);
 
-  const handleMouseEnter = () => {
+  const handleMouseEnter = (e: React.MouseEvent) => {
     if (hasFocus) {
       const items = Array.from(menuItems);
       const index = items.findIndex((item) => item === ref.current);
@@ -84,7 +84,7 @@ const MenubarTrigger = React.forwardRef(({ role, hasPopup, ...props }, ref) => {
     }
   };
 
-  const handleKeyDown = (e) => {
+  const handleKeyDown = (e: React.KeyboardEvent) => {
     switch (e.key) {
       case 'ArrowDown':
         if (!isOpen) {

client/components/Menubar/contexts.tsx

@@ -44,10 +44,14 @@ export interface SubmenuContextType {
   submenuItems: Set<RefObject<HTMLElement>>;
   setSubmenuActiveIndex: (index: number) => void;
   registerSubmenuItem: (ref: RefObject<HTMLElement>) => () => void;
+  id: string;
+  title: string;
 }
 
 export const SubmenuContext = createContext<SubmenuContextType>({
   submenuItems: new Set(),
   setSubmenuActiveIndex: () => {},
-  registerSubmenuItem: () => () => {}
+  registerSubmenuItem: () => () => {},
+  id: '',
+  title: ''
 });