Merge pull request #1373 from chhsiao1981/selectable-niivue-viewer

Selectable niivue viewer

Author: chhsiao1981

package.json

@@ -45,7 +45,7 @@
     "@cornerstonejs/tools": "^1.86.0",
     "@fnndsc/chrisapi": "^1.23.0",
     "@microlink/react-json-view": "^1.26.2",
-    "@niivue/niivue": "0.58.0",
+    "@niivue/niivue": "0.62.1",
     "@patternfly/react-charts": "^7.4.0",
     "@patternfly/react-core": "^5.4.0",
     "@patternfly/react-icons": "^5.4.0",

pnpm-lock.yaml

@@ -57,7 +57,7 @@ const queryToString = (query: Query | Params) =>
 
 let _COOKIE: any = null;
 
-const getToken = () => {
+export const getToken = () => {
   const cookie = new Cookies(_COOKIE);
   console.info("api.getToken: cookie is _COOKIE:", cookie === _COOKIE);
   _COOKIE = cookie;

src/api/api.ts

@@ -13,25 +13,25 @@ import {
   getSelectedPlugin,
   resetSelectedPlugin,
 } from "../../store/pluginInstance/pluginInstanceSlice";
-import usePaginatedTreeQuery from "./usePaginatedTreeQuery";
 import FeedOutputBrowser from "../FeedOutputBrowser/FeedOutputBrowser";
 import FeedGraph from "../FeedTree/FeedGraph";
 import ParentComponent from "../FeedTree/ParentComponent";
 import { AnalysisIcon } from "../Icons";
 import NodeDetails from "../NodeDetails/NodeDetails";
 import WrapperConnect from "../Wrapper";
 import { DrawerActionButton } from "./DrawerUtils";
+import usePaginatedTreeQuery from "./usePaginatedTreeQuery";
 import "./Feeds.css"; // Import your CSS file
-import { useFetchFeed } from "./useFetchFeed";
-import { useSearchQueryParams } from "./usePaginate";
-import { usePollAllPluginStatuses } from "./usePolledStatuses";
-import { handleMaximize, handleMinimize } from "./utilties";
-import { Role } from "../../store/user/userSlice";
 import { collectionJsonToJson } from "../../api/api";
 import {
   PluginInstanceStatus,
   type PluginInstance as PluginInstanceType,
 } from "../../api/types";
+import { Role } from "../../store/user/userSlice";
+import { useFetchFeed } from "./useFetchFeed";
+import { useSearchQueryParams } from "./usePaginate";
+import { usePollAllPluginStatuses } from "./usePolledStatuses";
+import { handleMaximize, handleMinimize } from "./utilties";
 
 // Custom title component to replace Typography.Title
 const CustomTitle = ({

src/components/Feeds/FeedView.tsx

@@ -1,6 +1,6 @@
 import { memo } from "react";
-import { Alert } from "../../Antd";
 import { getFileExtension, type IFileBlob } from "../../../api/model";
+import { Alert } from "../../Antd";
 
 type AllProps = {
   selectedFile?: IFileBlob;

src/components/Preview/displays/CatchallDisplay.tsx

@@ -4,7 +4,6 @@
 }
 
 .controlBar {
-  position: absolute;
   top: 1.5em;
   right: 1.5em;
   height: 8px;