fix: Add file for constants

Author: totase

src/components/ContextMenu.tsx

@@ -5,6 +5,7 @@ import MenuItem from './MenuItem';
 import Separator from './Separator';
 import SubMenu from './SubMenu';
 import { cloneChildren, getCursorPosition, validateMenuPosition } from '../utils';
+import { HIDE_ON_EVENTS } from '../constants';
 import { Position } from '../types';
 
 export interface ContextMenuProps extends HTMLAttributes<HTMLDivElement> {
@@ -32,8 +33,6 @@ interface ContextMenuState {
   position: Position;
 }
 
-const HIDE_ON_EVENTS: (keyof GlobalEventHandlersEventMap)[] = ['click', 'resize', 'scroll', 'contextmenu'];
-
 const ContextMenu = ({
   triggerId,
   children,

src/components/SubMenu.tsx

@@ -1,8 +1,9 @@
 import { useState, useEffect, useRef, HTMLAttributes } from 'react';
 import cx from 'clsx';
 
-import { cloneChildren } from '../utils';
 import { MenuItemExternalProps } from './MenuItem';
+import { BOTTOM_CLASS, CLOSE_DELAY, RIGHT_CLASS } from '../constants';
+import { cloneChildren } from '../utils';
 
 export interface SubMenuProps extends HTMLAttributes<HTMLDivElement> {
   /**
@@ -12,10 +13,6 @@ export interface SubMenuProps extends HTMLAttributes<HTMLDivElement> {
   disabled?: boolean;
 }
 
-const CLOSE_DELAY = 150;
-const RIGHT_CLASS = 'react-context-menu__submenu-right';
-const BOTTOM_CLASS = 'react-context-menu__submenu-bottom';
-
 const SubMenu = ({ label, children, className, disabled = false, ...rest }: SubMenuProps) => {
   const [active, setActive] = useState(false);
 

src/constants.ts

@@ -0,0 +1,5 @@
+export const CLOSE_DELAY = 150;
+export const RIGHT_CLASS = 'react-context-menu__submenu-right';
+export const BOTTOM_CLASS = 'react-context-menu__submenu-bottom';
+
+export const HIDE_ON_EVENTS: (keyof GlobalEventHandlersEventMap)[] = ['click', 'resize', 'scroll', 'contextmenu'];