@cornerstonejs/tools 2.0.0-beta.3 → 2.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cornerstonejs/tools",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.4",
   "description": "Cornerstone3D Tools",
   "main": "dist/umd/index.js",
   "types": "dist/esm/index.d.ts",
@@ -29,7 +29,7 @@
     "webpack:watch": "webpack --mode development --progress --watch  --config ./.webpack/webpack.dev.js"
   },
   "dependencies": {
-    "@cornerstonejs/core": "^2.0.0-beta.3",
+    "@cornerstonejs/core": "^2.0.0-beta.4",
     "lodash.clonedeep": "4.5.0",
     "lodash.get": "^4.4.2"
   },
@@ -52,5 +52,5 @@
     "type": "individual",
     "url": "https://ohif.org/donate"
   },
-  "gitHead": "d78cf780d4383a61ea0a9762bafa4104666757a4"
+  "gitHead": "deefd5fb773ca3eb6fc4f2047c15a2b1a3ac82de"
 }

package/src/eventListeners/keyboard/keyDownListener.ts

@@ -1,4 +1,3 @@
-import _cloneDeep from 'lodash.clonedeep';
 import { getEnabledElement, triggerEvent } from '@cornerstonejs/core';
 import Events from '../../enums/Events';
 import { KeyDownEventDetail, KeyUpEventDetail } from '../../types/EventTypes';
@@ -97,7 +96,7 @@ function _onKeyUp(evt: KeyboardEvent): void {
   state.element.addEventListener('keydown', keyListener);
 
   // Restore `state` to `defaultState`
-  state = _cloneDeep(defaultState);
+  state = structuredClone(defaultState);
   triggerEvent(eventDetail.element, Events.KEY_UP, eventDetail);
 }
 

package/src/stateManagement/annotation/FrameOfReferenceSpecificAnnotationManager.ts

@@ -1,4 +1,3 @@
-import cloneDeep from 'lodash.clonedeep';
 import {
   Annotation,
   Annotations,
@@ -314,14 +313,14 @@ class FrameOfReferenceSpecificAnnotationManager implements IAnnotationManager {
       const toolSpecificAnnotations =
         frameOfReferenceSpecificAnnotations[toolName];
 
-      return cloneDeep(toolSpecificAnnotations);
+      return structuredClone(toolSpecificAnnotations);
     } else if (groupKey) {
       const frameOfReferenceSpecificAnnotations = annotations[groupKey];
 
-      return cloneDeep(frameOfReferenceSpecificAnnotations);
+      return structuredClone(frameOfReferenceSpecificAnnotations);
     }
 
-    return cloneDeep(annotations);
+    return structuredClone(annotations);
   };
 
   /**
@@ -361,7 +360,7 @@ class FrameOfReferenceSpecificAnnotationManager implements IAnnotationManager {
       annotations[groupKey] = <GroupSpecificAnnotations>state;
     } else {
       // Set entire annotations
-      this.annotations = <AnnotationState>cloneDeep(state);
+      this.annotations = <AnnotationState>structuredClone(state);
     }
   };
 

package/src/stateManagement/segmentation/SegmentationStateManager.ts

@@ -1,5 +1,4 @@
 import { utilities as csUtils } from '@cornerstonejs/core';
-import cloneDeep from 'lodash.clonedeep';
 
 import CORNERSTONE_COLOR_LUT from '../../constants/COLOR_LUT';
 
@@ -52,7 +51,7 @@ export default class SegmentationStateManager {
     if (!uid) {
       uid = csUtils.uuidv4();
     }
-    this.state = cloneDeep(initialDefaultState);
+    this.state = structuredClone(initialDefaultState);
     this.uid = uid;
   }
 
@@ -85,7 +84,7 @@ export default class SegmentationStateManager {
    * Reset the state to the default state
    */
   resetState(): void {
-    this.state = cloneDeep(initialDefaultState);
+    this.state = structuredClone(initialDefaultState);
   }
 
   /**

package/src/stateManagement/segmentation/addSegmentationRepresentations.ts

@@ -1,4 +1,3 @@
-import _cloneDeep from 'lodash.clonedeep';
 import {
   SegmentationRepresentationConfig,
   RepresentationPublicInput,

package/src/stateManagement/segmentation/addSegmentations.ts

@@ -1,4 +1,3 @@
-import _cloneDeep from 'lodash.clonedeep';
 import { SegmentationPublicInput } from '../../types/SegmentationStateTypes';
 import { validateSegmentationInput } from './helpers';
 import { addSegmentation as addSegmentationToState } from './segmentationState';
@@ -18,7 +17,7 @@ function addSegmentations(
   validateSegmentationInput(segmentationInputArray);
 
   segmentationInputArray.map((segInput) => {
-    const segmentationInput = _cloneDeep(segInput);
+    const segmentationInput = structuredClone(segInput);
 
     addSegmentationToState(segmentationInput);
   });

package/src/store/ToolGroupManager/ToolGroup.ts

@@ -1,5 +1,4 @@
 import { MouseBindings, ToolModes } from '../../enums';
-import cloneDeep from 'lodash.clonedeep';
 import get from 'lodash.get';
 import {
   triggerEvent,
@@ -679,7 +678,7 @@ export default class ToolGroup implements IToolGroup {
       configurationPath
     );
 
-    return cloneDeep(_configuration);
+    return structuredClone(_configuration);
   }
 
   /**

package/src/store/state.ts

@@ -1,5 +1,3 @@
-import _cloneDeep from 'lodash.clonedeep';
-
 import { IToolGroup, IToolClassReference } from '../types';
 import Synchronizer from './SynchronizerManager/Synchronizer';
 import svgNodeCache, { resetSvgNodeCache } from './svgNodeCache';
@@ -46,7 +44,15 @@ let state: ICornerstoneTools3dState = {
 
 function resetCornerstoneToolsState(): void {
   resetSvgNodeCache();
-  state = _cloneDeep(defaultState);
+  state = {
+    ...structuredClone({
+      ...defaultState,
+      svgNodeCache: {},
+    }),
+    svgNodeCache: {
+      ...defaultState.svgNodeCache,
+    },
+  };
 }
 
 export {

package/src/utilities/segmentation/createLabelmapVolumeForViewport.ts

@@ -1,4 +1,3 @@
-import { _cloneDeep } from 'lodash.clonedeep';
 import {
   getEnabledElementByIds,
   volumeLoader,
@@ -23,16 +22,16 @@ export default async function createLabelmapVolumeForViewport(input: {
   renderingEngineId: string;
   segmentationId?: string;
   options?: {
-    volumeId?: string;
-    scalarData?: Float32Array | Uint8Array | Uint16Array | Int16Array;
-    targetBuffer?: {
+    volumeId: string;
+    scalarData: Float32Array | Uint8Array | Uint16Array | Int16Array;
+    targetBuffer: {
       type: 'Float32Array' | 'Uint8Array' | 'Uint16Array' | 'Int8Array';
     };
-    metadata?: any;
-    dimensions?: Types.Point3;
-    spacing?: Types.Point3;
-    origin?: Types.Point3;
-    direction?: Float32Array;
+    metadata: Types.Metadata;
+    dimensions: Types.Point3;
+    spacing: Types.Point3;
+    origin: Types.Point3;
+    direction: Types.Mat3;
   };
 }): Promise<string> {
   const { viewportId, renderingEngineId, options } = input;
@@ -60,7 +59,7 @@ export default async function createLabelmapVolumeForViewport(input: {
   if (options) {
     // create a new labelmap with its own properties
     // This allows creation of a higher resolution labelmap vs reference volume
-    const properties = _cloneDeep(options);
+    const properties = structuredClone(options);
     await volumeLoader.createLocalVolume(properties, segmentationId);
   } else {
     // create a labelmap from a reference volume