fix: remove use of any in 2D components

Author: targos

src/component/2d/1d-tracer/VerticalSliceChart.tsx

@@ -19,7 +19,7 @@ interface usePathOptions extends BaseProps {
   width?: number;
 }
 
-function usePath(data: any, props: usePathOptions) {
+function usePath(data: NmrData1D, props: usePathOptions) {
   const { reverse, width = 100, horizontalMargin = 10 } = props;
   const { mode } = useChartData();
   const scaleX = useScale2DY(reverse);
@@ -37,7 +37,7 @@ function usePath(data: any, props: usePathOptions) {
 
   const pathBuilder = new PathBuilder();
 
-  pathBuilder.moveTo(scaleY(y.at(-1)), scaleX(x.at(-1)));
+  pathBuilder.moveTo(scaleY(y.at(-1) as number), scaleX(x.at(-1) as number));
 
   for (let i = x.length - 2; i >= 0; i--) {
     pathBuilder.lineTo(scaleY(y[i]), scaleX(x[i]));

src/component/2d/BrushTracker2D.tsx

@@ -76,7 +76,7 @@ export function BrushTracker2D({ children }: Required<PropsWithChildren>) {
       general: { invertScroll },
     },
   } = usePreferences();
-  function handleBrush(brushData: any) {
+  function handleBrush(brushData: BrushTrackerData) {
     const { startX, endX, startY, endY } = convertToPPM(brushData);
 
     if (brushData.mouseButton === 'secondary') {
@@ -92,7 +92,7 @@ export function BrushTracker2D({ children }: Required<PropsWithChildren>) {
   }
 
   const handleBrushEnd = useCallback<OnBrush>(
-    (brushData) => {
+    (brushData: BrushTrackerData) => {
       const brushDataInPPM = convertToPPM(brushData);
 
       //reset the brush start

src/component/2d/FooterBanner.tsx

@@ -113,7 +113,7 @@ export default function FooterBanner(props: FooterBannerProps) {
   ) {
     return <FooterContainer />;
   }
-  const getRealYValue = (coordinate: any) => {
+  const getRealYValue = (coordinate: number) => {
     let axis: 'x' | 'y' | null = null;
     if (trackID === LAYOUT.top) {
       axis = 'x';
@@ -178,7 +178,7 @@ export default function FooterBanner(props: FooterBannerProps) {
     return (getXValue(startY) - getXValue(endY)).toPrecision(6);
   };
 
-  const getLabel = (label2d: any, label1d: any, nucleus: any) => {
+  const getLabel = (label2d: string, label1d: string, nucleus: string) => {
     return trackID === LAYOUT.main ? (
       <Fragment>
         {label2d} ( <MF mf={nucleus} /> )

src/component/2d/zones/Signal.tsx

@@ -15,7 +15,7 @@ function Signal({ signal }: SignalProps) {
   const scaleX = useScale2DX();
   const scaleY = useScale2DY();
 
-  const buildIDs = useCallback((id: any) => {
+  const buildIDs = useCallback((id: string) => {
     return [id].concat(buildID(id, 'X'), buildID(id, 'Y'));
   }, []);
   const assignment = useAssignment(signal?.id || '');

src/component/2d/zones/ZonesAssignmentsLabels.tsx

@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import type { Signal1D, Zone, Zones as ZonesType } from '@zakodium/nmr-types';
-import type { Spectrum2D } from '@zakodium/nmrium-core';
+import type { Spectrum1D, Spectrum2D } from '@zakodium/nmrium-core';
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { PiTextTSlash } from 'react-icons/pi';
 
@@ -40,7 +40,7 @@ interface TargetBoundary {
   y2: number;
 }
 
-function getDistance(x1: any, y1: any, x2: any, y2: any) {
+function getDistance(x1: number, y1: number, x2: number, y2: number) {
   const deltaX = x2 - x1;
   const deltaY = y2 - y1;
   return Math.hypot(deltaX, deltaY);
@@ -249,7 +249,7 @@ function findClosestAssignment(signals: Signal1D[], target: number) {
 }
 
 function getAssignmentLabel(
-  spectrum: any,
+  spectrum: Spectrum1D | null,
   options: { from: number; to: number; center: number },
 ) {
   if (!spectrum) return null;