chore: update dependencies (#3309)

package.json

@@ -54,11 +54,11 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@blueprintjs/core": "^5.15.0",
-    "@blueprintjs/icons": "^5.14.0",
-    "@blueprintjs/select": "^5.3.4",
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
+    "@blueprintjs/core": "^5.16.0",
+    "@blueprintjs/icons": "^5.15.0",
+    "@blueprintjs/select": "^5.3.5",
+    "@emotion/react": "^11.13.5",
+    "@emotion/styled": "^11.13.5",
     "@hookform/resolvers": "^3.9.1",
     "@lukeed/uuid": "^2.0.1",
     "cheminfo-font": "^1.13.1",
@@ -83,10 +83,10 @@
     "ml-gsd": "^12.1.8",
     "ml-matrix": "^6.12.0",
     "ml-signal-processing": "^1.2.0",
-    "ml-spectra-processing": "^14.6.2",
+    "ml-spectra-processing": "^14.8.0",
     "ml-stat": "^1.3.3",
     "ml-tree-similarity": "^2.2.0",
-    "multiplet-analysis": "^2.1.2",
+    "multiplet-analysis": "^2.1.5",
     "nmr-correlation": "^2.3.3",
     "nmr-load-save": "^2.2.0",
     "nmr-processing": "^14.0.5",
@@ -96,58 +96,58 @@
     "openchemlib-utils": "^6.4.1",
     "papaparse": "^5.4.1",
     "re-resizable": "6.10.1",
-    "react-d3-utils": "^2.0.0",
+    "react-d3-utils": "^3.0.0",
     "react-dropzone": "14.2.3",
     "react-error-boundary": "^4.1.2",
     "react-hook-form": "^7.53.2",
-    "react-icons": "^5.3.0",
+    "react-icons": "^5.4.0",
     "react-inspector": "^6.0.2",
     "react-mf": "^2.0.3",
     "react-ocl": "^7.0.2",
     "react-ocl-nmr": "^3.1.0",
     "react-plot": "^3.0.0",
     "react-rnd": "^10.4.13",
-    "react-science": "^9.0.1",
+    "react-science": "^11.2.0",
     "react-table": "^7.8.0",
     "react-transition-group": "^4.4.5",
     "smart-array-filter": "^4.0.2",
     "use-resize-observer": "^9.1.0",
-    "yup": "^1.4.0"
+    "yup": "^1.5.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-modules-commonjs": "^7.25.9",
-    "@babel/preset-react": "^7.25.9",
+    "@babel/plugin-transform-modules-commonjs": "^7.26.3",
+    "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@playwright/test": "^1.49.0",
     "@simbathesailor/use-what-changed": "^2.0.0",
     "@types/d3": "^7.4.3",
     "@types/lodash": "^4.17.13",
-    "@types/node": "^22.9.0",
+    "@types/node": "^22.10.1",
     "@types/papaparse": "^5.3.15",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.3.13",
     "@types/react-dom": "^18.3.1",
     "@types/react-table": "^7.7.20",
-    "@vitejs/plugin-react-swc": "^3.7.1",
-    "@vitest/coverage-v8": "^2.1.5",
+    "@vitejs/plugin-react-swc": "^3.7.2",
+    "@vitest/coverage-v8": "^2.1.8",
     "cross-env": "^7.0.3",
-    "cspell": "^8.16.0",
-    "eslint": "^9.15.0",
-    "eslint-config-cheminfo-react": "^14.0.0",
-    "eslint-config-cheminfo-typescript": "^16.0.0",
+    "cspell": "^8.16.1",
+    "eslint": "^9.16.0",
+    "eslint-config-cheminfo-react": "^15.0.0",
+    "eslint-config-cheminfo-typescript": "^17.0.0",
     "modern-normalize": "^3.0.1",
     "postcss-styled-syntax": "^0.7.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "rc-menu": "^9.16.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.28.0",
+    "react-router-dom": "^7.0.2",
     "rimraf": "^6.0.1",
     "rollup-plugin-analyzer": "^4.0.0",
     "serve": "^14.2.4",
-    "stylelint": "^16.10.0",
+    "stylelint": "^16.11.0",
     "stylelint-config-standard": "^36.0.1",
-    "typescript": "^5.6.3",
+    "typescript": "^5.7.2",
     "vite": "^5.4.11",
-    "vitest": "^2.1.5"
+    "vitest": "^2.1.8"
   }
 }

src/component/elements/linearAxis/LinearVerticalAxis.tsx

@@ -72,6 +72,6 @@ const VerticalAxis = forwardRef<SVGGElement | null, VerticalRenderProps>(
 export function LinearVerticalAxis(props: VerticalAxisProps) {
   const { scale, ...other } = props;
   const ref = useRef<SVGGElement>(null);
-  const ticks = useLinearPrimaryTicks(scale, 'vertical', ref);
-  return <VerticalAxis {...other} ticks={ticks} ref={ref} />;
+  const result = useLinearPrimaryTicks(scale, 'vertical', ref);
+  return <VerticalAxis {...other} ticks={result.ticks} ref={ref} />;
 }

src/component/panels/Panels.tsx

@@ -214,7 +214,7 @@ function PanelsInner({ displayerMode: displayedMode }) {
           if (id === 'informationPanel') {
             toolbar = (
               <InformationPanelToolBar
-                onEdit={({ event }) => {
+                onEdit={(event) => {
                   event.stopPropagation();
                   openDialog('informationModal');
                 }}

src/component/panels/RangesPanel/RangesHeader.tsx

@@ -17,7 +17,7 @@ import {
   FaUnlink,
 } from 'react-icons/fa';
 import { ImLink } from 'react-icons/im';
-import { LuSubtitles } from 'react-icons/lu';
+import { LuMessageSquareText } from 'react-icons/lu';
 
 import { ClipboardFallbackModal } from '../../../utils/clipboard/clipboardComponents.js';
 import { useClipboard } from '../../../utils/clipboard/clipboardHooks.js';
@@ -312,7 +312,7 @@ function RangesHeader({
           },
           {
             disabled: !hasRanges,
-            icon: <LuSubtitles />,
+            icon: <LuMessageSquareText />,
             tooltip: `${booleanToString(!showAssignmentsLabels)} assignments labels`,
             onClick: handleShowAssignmentsLabel,
             active: showAssignmentsLabels,

src/component/panels/ZonesPanel/ZonesPanel.tsx

@@ -3,7 +3,7 @@ import { css } from '@emotion/react';
 import type { Spectrum2D } from 'nmr-load-save';
 import { memo, useCallback, useMemo, useRef, useState } from 'react';
 import { FaUnlink } from 'react-icons/fa';
-import { LuSubtitles } from 'react-icons/lu';
+import { LuMessageSquareText } from 'react-icons/lu';
 
 import { useAssignmentData } from '../../assignment/AssignmentsContext.js';
 import { useChartData } from '../../context/ChartContext.js';
@@ -229,7 +229,7 @@ function ZonesPanelInner({
             },
             {
               disabled: !hasZones,
-              icon: <LuSubtitles />,
+              icon: <LuMessageSquareText />,
               tooltip: `${booleanToString(!showAssignmentsLabels)} assignments labels`,
               onClick: handleShowAssignmentsLabel,
               active: showAssignmentsLabels,

src/demo/Sidebar.tsx

@@ -122,7 +122,7 @@ function Sidebar(props) {
           onClick={(e) => {
             // TODO: use non-deprecated API of rc-menu
             const itemProps = e.item.props;
-            navigate({
+            void navigate({
               pathname: `/SamplesDashboard/${Math.random()
                 .toString(36)
                 .replace('0.', '')}/${

src/demo/layouts/Main.tsx

@@ -1,7 +1,7 @@
 import type { CSSProperties } from 'react';
 import { useCallback, useEffect, useState } from 'react';
 
-import routes from '../samples.json';
+import routes from '../samples.json' assert { type: 'json' };
 
 import AdminLayout from './Admin.js';
 import SingleDisplayerLayout from './SingleDisplayerLayout.js';

test-e2e/NmriumPage/index.ts

@@ -45,7 +45,10 @@ export default class NmriumPage {
   }
 
   public async clickTool(id: string) {
-    await this.page.click(`_react=ToolbarItem[id="${id}"] >> nth=0`);
+    await this.page
+      .locator(`_react=ToolbarItem[id="${id}"] >> nth=0`)
+      .or(this.page.locator(`_react=ToolbarPopoverItem[id="${id}"] >> nth=0`))
+      .click();
   }
   public async clickToolByTitle(title: string) {
     await this.page.click(`_react=ToolbarItem[tooltip="${title}"] >> nth=0`);