refactor: remove full d3 dependency (#3735)

Reduce the number of dependencies by only installing the `d3-*` that we use.

Author: targos

package-lock.json

@@ -72,7 +72,9 @@
     "cheminfo-font": "^1.13.1",
     "cheminfo-types": "^1.8.1",
     "clipboard-polyfill": "^4.1.1",
-    "d3": "^7.9.0",
+    "d3-array": "^3.2.4",
+    "d3-scale": "^4.0.2",
+    "d3-zoom": "^3.0.0",
     "dlv": "^1.1.3",
     "eventemitter3": "^5.0.1",
     "fifo-logger": "^2.0.1",
@@ -116,7 +118,9 @@
     "@blueprintjs/select": "^6.0.5",
     "@playwright/test": "^1.55.1",
     "@simbathesailor/use-what-changed": "^2.0.0",
-    "@types/d3": "^7.4.3",
+    "@types/d3-array": "^3.2.2",
+    "@types/d3-scale": "^4.0.9",
+    "@types/d3-zoom": "^3.0.8",
     "@types/dlv": "^1.1.5",
     "@types/lodash": "^4.17.20",
     "@types/node": "^24.5.2",

package.json

@@ -1,5 +1,5 @@
 import type { Spectrum1D } from '@zakodium/nmrium-core';
-import { extent } from 'd3';
+import { extent } from 'd3-array';
 import throttle from 'lodash/throttle.js';
 import { useCallback, useContext, useEffect, useRef, useState } from 'react';
 

src/component/1d/database/DatabaseSpectrum.tsx

@@ -1,5 +1,5 @@
 import type { Spectrum1D } from '@zakodium/nmrium-core';
-import { extent } from 'd3';
+import { extent } from 'd3-array';
 import { rangesToXY } from 'nmr-processing';
 
 import { useChartData } from '../../context/ChartContext.js';

src/component/1d/database/ResurrectedDatabaseRanges.tsx

@@ -1,6 +1,6 @@
 import type { Signal1D } from '@zakodium/nmr-types';
 import type { Spectrum1D } from '@zakodium/nmrium-core';
-import { scaleLinear } from 'd3';
+import { scaleLinear } from 'd3-scale';
 import { memo, useMemo } from 'react';
 
 import type { CouplingLink } from '../../../data/data1d/Spectrum1D/generateJGraphData.js';

src/component/1d/jCouplingGraph/JGraph.tsx

@@ -1,4 +1,4 @@
-import type { ScaleLinear } from 'd3';
+import type { ScaleLinear } from 'd3-scale';
 import { createContext, useContext } from 'react';
 
 interface JGraphState {

src/component/1d/jCouplingGraph/JGraphContext.tsx

@@ -1,4 +1,4 @@
-import type { ScaleLinear } from 'd3';
+import type { ScaleLinear } from 'd3-scale';
 import { useRef } from 'react';
 import { useLinearPrimaryTicks } from 'react-d3-utils';
 

src/component/1d/jCouplingGraph/JGraphVerticalAxis.tsx

@@ -1,5 +1,5 @@
 import type { NumberArray } from 'cheminfo-types';
-import { extent } from 'd3';
+import { extent } from 'd3-array';
 import { xFindClosestIndex } from 'ml-spectra-processing';
 import { matrixToBoxPlot } from 'nmr-processing';
 import type { CSSProperties } from 'react';

src/component/1d/matrix/Boxplot.tsx

@@ -1,4 +1,4 @@
-import { extent } from 'd3';
+import { extent } from 'd3-array';
 import { xFindClosestIndex } from 'ml-spectra-processing';
 import { matrixToStocsy } from 'nmr-processing';
 import { useMemo } from 'react';

src/component/1d/matrix/Stocsy.tsx

@@ -1,4 +1,4 @@
-import { scaleLinear } from 'd3';
+import { scaleLinear } from 'd3-scale';
 import { useCallback } from 'react';
 
 import { useChartData } from '../../context/ChartContext.js';