@aics/vole-app 2.11.0 → 2.13.0

package/es/aics-image-viewer/shared/constants.js

@@ -31,6 +31,44 @@ export var TFEDITOR_MAX_BIN = 255;
 export var CACHE_MAX_SIZE = 1000000000;
 export var QUEUE_MAX_SIZE = 10;
 export var QUEUE_MAX_LOW_PRIORITY_SIZE = 4;
+
+/** Maps channel data types to their minimum and maximum values */
+export var DTYPE_RANGE = {
+  int8: {
+    min: -Math.pow(2, 7),
+    max: Math.pow(2, 7) - 1
+  },
+  int16: {
+    min: -Math.pow(2, 15),
+    max: Math.pow(2, 15) - 1
+  },
+  int32: {
+    min: -Math.pow(2, 31),
+    max: Math.pow(2, 31) - 1
+  },
+  uint8: {
+    min: 0,
+    max: Math.pow(2, 8) - 1
+  },
+  uint16: {
+    min: 0,
+    max: Math.pow(2, 16) - 1
+  },
+  uint32: {
+    min: 0,
+    max: Math.pow(2, 32) - 1
+  },
+  // These are obviously not the actual min and max representable values for floats, but the actual ones (`-Infinity`
+  // and `Infinity`) would give us nonsense. These may also produce nonsense, but these types should be rare anyways.
+  float32: {
+    min: 0,
+    max: Math.pow(2, 8) - 1
+  },
+  float64: {
+    min: 0,
+    max: Math.pow(2, 8) - 1
+  }
+};
 export var PRESET_COLORS_1 = [[190, 68, 171], [189, 211, 75], [61, 155, 169], [128, 128, 128], [255, 255, 255], [239, 27, 45], [238, 77, 245], [96, 255, 255]];
 export var PRESET_COLORS_2 = [[128, 0, 0], [0, 128, 0], [0, 0, 128], [32, 32, 32], [255, 255, 0], [255, 0, 255], [0, 255, 0], [0, 0, 255]];
 export var PRESET_COLORS_3 = [[128, 0, 128], [128, 128, 128], [0, 128, 128], [128, 128, 0], [255, 255, 255], [255, 0, 0], [255, 0, 255], [0, 255, 255]];
@@ -159,6 +197,8 @@ export var getDefaultChannelState = function getDefaultChannelState() {
       x: 255,
       opacity: 1,
       color: [255, 255, 255]
-    }]
+    }],
+    plotMin: 0,
+    plotMax: TFEDITOR_MAX_BIN
   };
 };

package/es/aics-image-viewer/shared/utils/hooks.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-import { useState, useRef, useCallback } from "react";
+import { useCallback, useRef, useState } from "react";
 
 /** A `useState` that also creates a getter function for breaking through closures. */
 export function useStateWithGetter(initialState) {
@@ -30,11 +30,11 @@ export function useStateWithGetter(initialState) {
 // TODO should this replace `useStateWithGetter`?
 
 export function useRefWithSetter(setter, init) {
-  var value = init === undefined ? useRef() : useRef(init);
+  var value = useRef(init);
   var wrappedSetter = useCallback(function (newValue) {
     value.current = newValue;
     setter(newValue);
-  }, [setter]);
+  }, [setter, value]);
   return [value, wrappedSetter];
 }
 

package/es/aics-image-viewer/shared/utils/viewerState.js

@@ -64,6 +64,8 @@ export function initializeOneChannelSetting(channelName, index, defaultColor, vi
     color: (_colorHexToArray = colorHexToArray((_initSettings$color = initSettings.color) !== null && _initSettings$color !== void 0 ? _initSettings$color : "")) !== null && _colorHexToArray !== void 0 ? _colorHexToArray : defaultColor,
     useControlPoints: (_initSettings$control = initSettings.controlPointsEnabled) !== null && _initSettings$control !== void 0 ? _initSettings$control : defaultChannelState.useControlPoints,
     controlPoints: (_initSettings$control2 = initSettings.controlPoints) !== null && _initSettings$control2 !== void 0 ? _initSettings$control2 : defaultChannelState.controlPoints,
-    ramp: (_initSettings$ramp = initSettings.ramp) !== null && _initSettings$ramp !== void 0 ? _initSettings$ramp : defaultChannelState.ramp
+    ramp: (_initSettings$ramp = initSettings.ramp) !== null && _initSettings$ramp !== void 0 ? _initSettings$ramp : defaultChannelState.ramp,
+    plotMin: defaultChannelState.plotMin,
+    plotMax: defaultChannelState.plotMax
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aics/vole-app",
-  "version": "2.11.0",
+  "version": "2.13.0",
   "description": "web view of cell volume images",
   "repository": "github:allen-cell-animated/vole-app",
   "main": "es/index.js",
@@ -41,7 +41,7 @@
   "author": "Megan Riel-Mehan",
   "license": "ISC",
   "dependencies": {
-    "@aics/vole-core": "^3.12.4",
+    "@aics/vole-core": "^3.15.2",
     "@ant-design/icons": "^5.2.5",
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
@@ -93,7 +93,8 @@
     "esbuild": "^0.14.50",
     "esbuild-jest": "^0.5.0",
     "eslint": "^8.20.0",
-    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "file-loader": "^6.2.0",
     "firebase": "^7.x",
     "gh-pages": "^4.0.0",

package/type-declarations/aics-image-viewer/components/App/types.d.ts

@@ -37,7 +37,7 @@ export interface AppProps {
         translation: [number, number, number];
         rotation: [number, number, number];
     };
-    metadata?: MetadataRecord;
+    metadata?: MetadataRecord | MetadataRecord[];
     view3dRef?: MutableRefObject<View3d | null>;
     metadataFormatter?: (metadata: MetadataRecord) => MetadataRecord;
     onControlPanelToggle?: (collapsed: boolean) => void;

package/type-declarations/aics-image-viewer/components/BottomPanel/index.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import "./styles.css";
 type BottomPanelProps = {
     title?: string;
-    onVisibleChange?: (visible: boolean) => void;
-    onVisibleChangeEnd?: (visible: boolean) => void;
+    open?: boolean;
+    onOpenChange?: (visible: boolean) => void;
     children?: React.ReactNode;
     height?: number;
 };

package/type-declarations/aics-image-viewer/components/CellViewerCanvasWrapper/index.d.ts

@@ -19,8 +19,8 @@ type ViewerWrapperProps = {
     visibleControls: {
         axisClipSliders: boolean;
     };
-    onClippingPanelVisibleChange?: (panelOpen: boolean, hasTime: boolean, hasScenes: boolean, mode3d: boolean) => void;
-    onClippingPanelVisibleChangeEnd?: (panelOpen: boolean) => void;
+    clippingPanelOpen?: boolean;
+    onClippingPanelOpenChange?: (visible: boolean) => void;
     autorotate: boolean;
     viewMode: ViewMode;
     region: PerAxis<[number, number]>;

package/type-declarations/aics-image-viewer/components/TfEditor/index.d.ts

@@ -14,6 +14,8 @@ type TfEditorProps = {
     useControlPoints: boolean;
     controlPoints: ControlPoint[];
     ramp: [number, number];
+    plotMin: number;
+    plotMax: number;
 };
 declare const TfEditor: React.FC<TfEditorProps>;
 export default TfEditor;

package/type-declarations/aics-image-viewer/components/Toolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ViewerSettingUpdater } from "../ViewerStateProvider/types";
 import { ImageType, RenderMode, ViewMode } from "../../shared/enums";
+import { ViewerSettingUpdater } from "../ViewerStateProvider/types";
 import "./styles.css";
 type ToolbarProps = {
     cellDownloadHref: string;

package/type-declarations/aics-image-viewer/components/ViewerStateProvider/types.d.ts

@@ -58,6 +58,8 @@ export interface ChannelState {
     ramp: [number, number];
     useControlPoints: boolean;
     controlPoints: ControlPoint[];
+    plotMin: number;
+    plotMax: number;
 }
 export type ChannelStateKey = keyof ChannelState;
 export type ChannelSettingUpdater = <K extends ChannelStateKey>(index: number | number[], value: Partial<Record<K, ChannelState[K]>>) => void;

package/type-declarations/aics-image-viewer/shared/constants.d.ts

@@ -1,4 +1,4 @@
-import { CameraState } from "@aics/vole-core";
+import type { CameraState, Channel } from "@aics/vole-core";
 import { ChannelState, ViewerState } from "../components/ViewerStateProvider/types";
 import { ViewMode } from "./enums";
 import { ColorArray } from "./utils/colorRepresentations";
@@ -10,6 +10,13 @@ export declare const TFEDITOR_MAX_BIN = 255;
 export declare const CACHE_MAX_SIZE = 1000000000;
 export declare const QUEUE_MAX_SIZE = 10;
 export declare const QUEUE_MAX_LOW_PRIORITY_SIZE = 4;
+/** Maps channel data types to their minimum and maximum values */
+export declare const DTYPE_RANGE: {
+    [T in Channel["dtype"]]: {
+        min: number;
+        max: number;
+    };
+};
 export declare const PRESET_COLORS_1: ColorArray[];
 export declare const PRESET_COLORS_2: ColorArray[];
 export declare const PRESET_COLORS_3: ColorArray[];

package/type-declarations/aics-image-viewer/shared/types.d.ts

@@ -9,7 +9,7 @@ export type IsosurfaceFormat = "GLTF" | "STL";
 export type Styles = {
     [key: string]: CSSProperties;
 };
-export type MetadataEntry = string | number | boolean | MetadataRecord | null | undefined;
+export type MetadataEntry = string | number | boolean | MetadataRecord | MetadataEntry[] | null | undefined;
 export type MetadataRecord = {
     [key: string]: MetadataEntry;
-} | MetadataEntry[];
+};