Merged PR 170: Add new eslint rules

- naming-convention
- prefer-arrow-callback
- func-style
- import/no-default-export

src/Components/ElementsSidebar/MouseEventHandlers.ts

@@ -1,7 +1,7 @@
 import React, { RefObject, Dispatch, SetStateAction, useEffect } from 'react';
 import { IPoint } from '../../Interfaces/IPoint';
 
-export function useMouseEvents(
+export function UseMouseEvents(
   isContextMenuOpen: boolean,
   elementRef: RefObject<HTMLDivElement>,
   setIsContextMenuOpen: Dispatch<SetStateAction<boolean>>,
@@ -9,44 +9,48 @@ export function useMouseEvents(
   setContextMenuPosition: Dispatch<SetStateAction<IPoint>>
 ): void {
   useEffect(() => {
-    const onContextMenu = (event: MouseEvent): void => handleRightClick(
-      event,
-      setIsContextMenuOpen,
-      setOnClickContainerId,
-      setContextMenuPosition
-    );
+    function OnContextMenu(event: MouseEvent): void {
+      return HandleRightClick(
+        event,
+        setIsContextMenuOpen,
+        setOnClickContainerId,
+        setContextMenuPosition
+      );
+    }
 
-    const onLeftClick = (): void => handleLeftClick(
-      isContextMenuOpen,
-      setIsContextMenuOpen,
-      setOnClickContainerId
-    );
+    function OnLeftClick(): void {
+      return HandleLeftClick(
+        isContextMenuOpen,
+        setIsContextMenuOpen,
+        setOnClickContainerId
+      );
+    }
 
     elementRef.current?.addEventListener(
       'contextmenu',
-      onContextMenu
+      OnContextMenu
     );
 
     window.addEventListener(
       'click',
-      onLeftClick
+      OnLeftClick
     );
 
     return () => {
       elementRef.current?.removeEventListener(
         'contextmenu',
-        onContextMenu
+        OnContextMenu
       );
 
       window.removeEventListener(
         'click',
-        onLeftClick
+        OnLeftClick
       );
     };
   });
 }
 
-export function handleRightClick(
+export function HandleRightClick(
   event: MouseEvent,
   setIsContextMenuOpen: React.Dispatch<React.SetStateAction<boolean>>,
   setOnClickContainerId: React.Dispatch<React.SetStateAction<string>>,
@@ -66,7 +70,7 @@ export function handleRightClick(
   setContextMenuPosition(contextMenuPosition);
 }
 
-export function handleLeftClick(
+export function HandleLeftClick(
   isContextMenuOpen: boolean,
   setIsContextMenuOpen: React.Dispatch<React.SetStateAction<boolean>>,
   setOnClickContainerId: React.Dispatch<React.SetStateAction<string>>
@@ -78,4 +82,3 @@ export function handleLeftClick(
   setIsContextMenuOpen(false);
   setOnClickContainerId('');
 }
-