chore: remove explicit any from event handlers and normalize React type imports

Author: targos

src/component/1d-2d/FieldEdition.tsx

@@ -2,7 +2,7 @@ import type { PopoverProps } from '@blueprintjs/core';
 import { Popover } from '@blueprintjs/core';
 import styled from '@emotion/styled';
 import { yupResolver } from '@hookform/resolvers/yup';
-import type { MouseEvent, ReactNode } from 'react';
+import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';
 import { useState } from 'react';
 import { useForm } from 'react-hook-form';
 import * as Yup from 'yup';
@@ -75,7 +75,7 @@ function Field(props: FieldProps) {
     resolver: yupResolver(validationSchema(inputType)),
   });
 
-  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {
+  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {
     if (event.key === 'Enter') {
       void handleSubmit(onChange)();
     }

src/component/1d/FloatPublicationString.tsx

@@ -1,5 +1,6 @@
 import styled from '@emotion/styled';
 import type { BoundingBox, Spectrum, TextStyle } from '@zakodium/nmrium-core';
+import type { SVGProps } from 'react';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { BsArrowsMove } from 'react-icons/bs';
 import { FaEdit, FaTimes } from 'react-icons/fa';
@@ -19,7 +20,7 @@ import { useACSSettings } from '../hooks/use_acs_settings.js';
 import { usePublicationStrings } from '../hooks/use_publication_strings.js';
 import { PublicationStringModal } from '../modal/PublicationStringModal.js';
 
-const MARKERS: Record<string, React.SVGProps<SVGTSpanElement>> = {
+const MARKERS: Record<string, SVGProps<SVGTSpanElement>> = {
   '++': { baselineShift: 'super' },
   '--': { baselineShift: 'sub' },
   '**': { fontStyle: 'italic' },

src/component/1d/peaks/PeakEditionManager.tsx

@@ -40,10 +40,7 @@ interface PeakEditionListenerProps {
 }
 
 interface PeaksEditionContextProps {
-  onEdit: (
-    e: React.MouseEvent,
-    peak?: Required<PeakEditionListenerProps>,
-  ) => void;
+  onEdit: (e: MouseEvent, peak?: Required<PeakEditionListenerProps>) => void;
   id?: string;
 }
 

src/component/2d/1d-tracer/phase-correction-traces/SpectrumPhaseTrace.tsx

@@ -1,6 +1,6 @@
 import type { Spectrum1D, Spectrum2D } from '@zakodium/nmrium-core';
 import { Filters1D } from 'nmr-processing';
-import type { ReactNode } from 'react';
+import type { ReactNode, SVGAttributes } from 'react';
 
 import { getSlice } from '../../../../data/data2d/Spectrum2D/index.js';
 import { useChartData } from '../../../context/ChartContext.js';
@@ -18,7 +18,7 @@ import {
 
 import { useActivePhaseTraces } from './useActivePhaseTraces.js';
 
-interface BaseComponentProps extends React.SVGAttributes<SVGGElement> {
+interface BaseComponentProps extends SVGAttributes<SVGGElement> {
   children?: ReactNode;
 }
 

src/component/EventsTrackers/BrushTracker.tsx

@@ -82,7 +82,7 @@ const initialState: BrushTrackerState = {
   boundingRect: null,
 };
 
-function stopPageScrolling(event: any) {
+function stopPageScrolling(event: globalThis.WheelEvent) {
   event.preventDefault();
 }
 

src/component/SVGTable.tsx

@@ -1,11 +1,12 @@
+import type { SVGAttributes } from 'react';
 import { createContext, useContext, useMemo } from 'react';
 
 type CellTextProps = Omit<
-  React.SVGAttributes<SVGTextElement>,
+  SVGAttributes<SVGTextElement>,
   'x' | 'y' | 'width' | 'height'
 >;
 type CellBoxProps = Omit<
-  React.SVGAttributes<SVGRectElement>,
+  SVGAttributes<SVGRectElement>,
   'x' | 'y' | 'width' | 'height' | 'dx' | 'dy'
 >;
 

src/component/elements/ActionsButtonsPopover.tsx

@@ -2,7 +2,7 @@ import type { PopoverProps } from '@blueprintjs/core';
 import { Popover } from '@blueprintjs/core';
 import type { Interpolation, Theme } from '@emotion/react';
 import styled from '@emotion/styled';
-import type { CSSProperties } from 'react';
+import type { CSSProperties, MouseEvent } from 'react';
 import { useState } from 'react';
 import type { ButtonProps } from 'react-science/ui';
 import { Button } from 'react-science/ui';
@@ -173,7 +173,7 @@ export function ActionsButtonsPopover(props: ActionsButtonsPopoverProps) {
 
   const { visibleButtons, disablePopover } = filterButtons(buttons);
 
-  function handleMouseEnter(event: any) {
+  function handleMouseEnter(event: MouseEvent<HTMLElement>) {
     const { clientX, clientY, currentTarget } = event;
     if (!(currentTarget instanceof Element)) return;
     const rect = currentTarget.getBoundingClientRect();
@@ -193,13 +193,12 @@ export function ActionsButtonsPopover(props: ActionsButtonsPopoverProps) {
       popoverClassName="actions-buttons-popover"
       interactionKind="hover"
       enforceFocus={false}
-      onOpening={handleMouseEnter}
       disabled={disablePopover || disabled}
       renderTarget={({ onMouseEnter, isOpen, ...otherProps }) => (
         <Wrapper
           {...targetProps}
           {...otherProps}
-          onMouseEnter={(event: any) => {
+          onMouseEnter={(event: MouseEvent<HTMLElement>) => {
             handleMouseEnter(event);
             onMouseEnter?.(event);
           }}

src/component/elements/Alert.tsx

@@ -1,7 +1,7 @@
 import type { ButtonProps } from '@blueprintjs/core';
 import { Button, DialogBody, DialogFooter } from '@blueprintjs/core';
 import styled from '@emotion/styled';
-import type { ReactNode } from 'react';
+import type { MouseEvent, ReactNode } from 'react';
 import { createContext, useContext, useMemo, useState } from 'react';
 
 import { StandardDialog } from './StandardDialog.tsx';
@@ -108,7 +108,7 @@ interface AlertsProps {
 function Alerts(props: AlertsProps) {
   const { alerts, onHide } = props;
 
-  function optionsHandler(e: React.MouseEvent, options: any) {
+  function optionsHandler(e: MouseEvent, options: any) {
     const { onClick = () => null, preventClose = false, id } = options;
     onClick(e);
     e.stopPropagation();

src/component/elements/ColumnWrapper.tsx

@@ -1,4 +1,6 @@
-interface ColumnWrapperProps extends React.InputHTMLAttributes<HTMLDivElement> {
+import type { InputHTMLAttributes } from 'react';
+
+interface ColumnWrapperProps extends InputHTMLAttributes<HTMLDivElement> {
   stopPropagation?: boolean;
 }
 

src/component/elements/DialogManager.tsx

@@ -126,7 +126,7 @@ interface WithDialogOptions {
 }
 
 export function withDialog<P extends object>(
-  WrappedComponent: React.ComponentType<P>,
+  WrappedComponent: ComponentType<P>,
   options: WithDialogOptions = {},
 ) {
   const { dialogName, force = false } = options;