From 0d45fc49ef0cc70d300a3a21996110e0f6569d34 Mon Sep 17 00:00:00 2001 From: hamed musallam Date: Thu, 22 Jan 2026 12:38:24 +0100 Subject: [PATCH 1/2] refactor: rename some of the ranges tooltip rename "Show publication string" to "Display publication string" rename "Show ranges" to "Display table" --- src/component/panels/RangesPanel/RangesHeader.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/component/panels/RangesPanel/RangesHeader.tsx b/src/component/panels/RangesPanel/RangesHeader.tsx index 0303322ab..c56002d49 100644 --- a/src/component/panels/RangesPanel/RangesHeader.tsx +++ b/src/component/panels/RangesPanel/RangesHeader.tsx @@ -314,14 +314,14 @@ function RangesHeader(props: RangesHeaderProps) { { disabled: !hasRanges, icon: , - tooltip: `${booleanToString(!showPublicationString)} publication string`, + tooltip: `${booleanToString(!showPublicationString, { trueLabel: 'Display' })} publication string`, onClick: handleShowPublicationString, active: showPublicationString, }, { disabled: !hasRanges, icon: , - tooltip: `${booleanToString(!showRanges)} ranges`, + tooltip: `${booleanToString(!showRanges, { trueLabel: 'Display' })} table`, onClick: handleShowRanges, active: showRanges, }, From b3b7646efbfdc148699418a00d6f7086915cadf7 Mon Sep 17 00:00:00 2001 From: hamed musallam Date: Thu, 29 Jan 2026 15:01:08 +0100 Subject: [PATCH 2/2] feat: collapse toolbar when panel header overflows --- package-lock.json | 30 +++++++++---------- package.json | 2 +- .../MoleculesPanel/MoleculePanelHeader.tsx | 2 +- .../panels/header/DefaultPanelHeader.tsx | 3 +- 4 files changed, 19 insertions(+), 18 deletions(-) diff --git a/package-lock.json b/package-lock.json index db9d4ea5b..628f026ad 100644 --- a/package-lock.json +++ b/package-lock.json @@ -59,7 +59,7 @@ "react-ocl-nmr": "^4.1.1", "react-plot": "^3.1.2", "react-rnd": "^10.5.2", - "react-science": "^19.4.0", + "react-science": "^19.5.1", "react-table": "^7.8.0", "smart-array-filter": "^5.0.0", "yup": "^1.7.1", @@ -3216,12 +3216,12 @@ } }, "node_modules/@tanstack/react-virtual": { - "version": "3.13.13", - "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.13.tgz", - "integrity": "sha512-4o6oPMDvQv+9gMi8rE6gWmsOjtUZUYIJHv7EB+GblyYdi8U6OqLl8rhHWIUZSL1dUU2dPwTdTgybCKf9EjIrQg==", + "version": "3.13.18", + "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.18.tgz", + "integrity": "sha512-dZkhyfahpvlaV0rIKnvQiVoWPyURppl6w4m9IwMDpuIjcJ1sD9YGWrt0wISvgU7ewACXx2Ct46WPgI6qAD4v6A==", "license": "MIT", "dependencies": { - "@tanstack/virtual-core": "3.13.13" + "@tanstack/virtual-core": "3.13.18" }, "funding": { "type": "github", @@ -3256,9 +3256,9 @@ } }, "node_modules/@tanstack/virtual-core": { - "version": "3.13.13", - "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.13.tgz", - "integrity": "sha512-uQFoSdKKf5S8k51W5t7b2qpfkyIbdHMzAn+AMQvHPxKUPeo1SsGaA4JRISQT87jm28b7z8OEqPcg1IOZagQHcA==", + "version": "3.13.18", + "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.18.tgz", + "integrity": "sha512-Mx86Hqu1k39icq2Zusq+Ey2J6dDWTjDvEv43PJtRCoEYTLyfaPnxIQ6iy7YAOK0NV/qOEmZQ/uCufrppZxTgcg==", "license": "MIT", "funding": { "type": "github", @@ -10642,9 +10642,9 @@ } }, "node_modules/react-science": { - "version": "19.4.0", - "resolved": "https://registry.npmjs.org/react-science/-/react-science-19.4.0.tgz", - "integrity": "sha512-VHsyk3dY5sTaZ1FYViauQ6VZtrx3Ksnbo00zUr0fmd2uZ2cLJa5qDgiYkWAzdZ59AAMvccWuxcSH1ba8Q+QpPg==", + "version": "19.5.1", + "resolved": "https://registry.npmjs.org/react-science/-/react-science-19.5.1.tgz", + "integrity": "sha512-pLKU2o3mmg27v/2WkLfX3e6F+eW15lxCXn3zNIj3Sw5wGmixJeXXWDrFO9WcKekHF1GyVznH7Ruh7sCfWvqj4w==", "license": "MIT", "dependencies": { "@atlaskit/pragmatic-drag-and-drop": "^1.7.7", @@ -10652,9 +10652,9 @@ "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0", "@emotion/styled": "^11.14.1", "@radix-ui/react-use-controllable-state": "^1.2.2", - "@tanstack/react-form": "^1.23.6", + "@tanstack/react-form": "^1.27.7", "@tanstack/react-table": "^8.21.3", - "@tanstack/react-virtual": "^3.13.12", + "@tanstack/react-virtual": "^3.13.18", "@zakodium/pdnd-esm": "^1.0.2", "d3-scale-chromatic": "^3.1.0", "react-d3-utils": "^3.1.2", @@ -10663,8 +10663,8 @@ "react-icons": "^5.5.0", "react-inspector": "^9.0.0", "tinycolor2": "^1.6.0", - "ts-pattern": "^5.8.0", - "zod": "^4.1.12" + "ts-pattern": "^5.9.0", + "zod": "^4.3.5" }, "peerDependencies": { "@blueprintjs/core": "^6.0.0", diff --git a/package.json b/package.json index 9692b1eb0..196ea07fe 100644 --- a/package.json +++ b/package.json @@ -113,7 +113,7 @@ "react-ocl-nmr": "^4.1.1", "react-plot": "^3.1.2", "react-rnd": "^10.5.2", - "react-science": "^19.4.0", + "react-science": "^19.5.1", "react-table": "^7.8.0", "smart-array-filter": "^5.0.0", "yup": "^1.7.1", diff --git a/src/component/panels/MoleculesPanel/MoleculePanelHeader.tsx b/src/component/panels/MoleculesPanel/MoleculePanelHeader.tsx index ef9b76da0..eb047a247 100644 --- a/src/component/panels/MoleculesPanel/MoleculePanelHeader.tsx +++ b/src/component/panels/MoleculesPanel/MoleculePanelHeader.tsx @@ -384,7 +384,7 @@ export default function MoleculePanelHeader(props: MoleculePanelHeaderProps) { {dialog.autoLabelDatabaseDialog && ( )} - + {renderSource === 'predictionPanel' && } {renderSource === 'moleculePanel' && ( = { display: 'flex', flexDirection: 'row', flex: 1, + width: '100%', }, }; @@ -74,7 +75,7 @@ function DefaultPanelHeader(props: DefaultPanelHeaderProps) { total={hideCounter ? undefined : total} >
- + {onDelete && (