itk-viewer-bootstrap-ui - npm Package Compare versions

Comparing version 0.26.2 to 0.27.0

package.json

 {
   "name": "itk-viewer-bootstrap-ui",
-  "version": "0.26.2",
+  "version": "0.27.0",
   "scripts": {
@@ -28,3 +28,3 @@ "dev": "vite",
     "itk-viewer-color-maps": "^1.2.0",
-    "itk-viewer-icons": "^11.14.0",
+    "@itk-viewer/icons": "^11.14.1",
     "itk-viewer-transfer-function-editor": "^1.2.2",
@@ -31,0 +31,0 @@ "prettier": "^2.5.0",

src/AppToolbar.jsx

 import React from 'react'
-import { toggleIconDataUri } from 'itk-viewer-icons'
+import { toggleIconDataUri } from '@itk-viewer/icons'
 import toggleUICollapsed from './toggleUICollapsed'
@@ -4,0 +4,0 @@ import Button from 'react-bootstrap/Button'

src/Images/BlendModeSelector.jsx

 import React, { useEffect, useRef } from 'react'
 import { useSelector } from '@xstate/react'
-import { blendModeIconDataUri } from 'itk-viewer-icons'
+import { blendModeIconDataUri } from '@itk-viewer/icons'
 import applyContrastSensitiveStyleToElement from '../applyContrastSensitiveStyleToElement'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Images/CinematicParameters.jsx

@@ -6,3 +6,3 @@ import React from 'react'
 import { Image, OverlayTrigger, Tooltip } from 'react-bootstrap'
-import { volumeScatteringIconDataUri } from 'itk-viewer-icons'
+import { volumeScatteringIconDataUri } from '@itk-viewer/icons'
 
@@ -9,0 +9,0 @@ function CinematicParameters({ service }) {

src/Images/ColorRangeInput.jsx

 import React, { useEffect, useRef, useState } from 'react'
 import { useSelector } from '@xstate/react'
-import { interpolationIconDataUri } from 'itk-viewer-icons'
+import { interpolationIconDataUri } from '@itk-viewer/icons'
 import ColorMapIconSelector from './ColorMapIconSelector'
@@ -5,0 +5,0 @@ import WindowLevelReset from './WindowLevelReset'

src/Images/GradientOpacitySlider.jsx

 import React, { useEffect, useRef, useState } from 'react'
 import { useSelector } from '@xstate/react'
-import { gradientIconDataUri } from 'itk-viewer-icons'
+import { gradientIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Form from 'react-bootstrap/Form'

src/Images/LabelImageColorWidget.jsx

 import React, { useEffect, useRef } from 'react'
 import { useSelector } from '@xstate/react'
 import CategoricalIconSelector from './CategoricalIconSelector'
-import { opacityIconDataUri } from 'itk-viewer-icons'
+import { opacityIconDataUri } from '@itk-viewer/icons'
 import Form from 'react-bootstrap/Form'
@@ -6,0 +6,0 @@ import Image from 'react-bootstrap/Image'

src/Images/SampleDistanceSlider.jsx

 import React, { useEffect, useRef } from 'react'
 import { useSelector } from '@xstate/react'
-import { sampleDistanceIconDataUri } from 'itk-viewer-icons'
+import { sampleDistanceIconDataUri } from '@itk-viewer/icons'
 import applyContrastSensitiveStyleToElement from '../applyContrastSensitiveStyleToElement'
@@ -5,0 +5,0 @@ import '../style.css'

src/Images/ScaleSelector.jsx

@@ -6,3 +6,3 @@ import React, { useState, useEffect } from 'react'
 import Image from 'react-bootstrap/Image'
-import { scaleSelectIconDataUri } from 'itk-viewer-icons'
+import { scaleSelectIconDataUri } from '@itk-viewer/icons'
 import { Form } from 'react-bootstrap'
@@ -9,0 +9,0 @@ import getSelectedImageContext from './getSelectedImageContext'

src/Images/ShadowToggle.jsx

@@ -8,3 +8,3 @@ import React, { useEffect, useRef } from 'react'
 import cn from 'classnames'
-import { shadowIconDataUri } from 'itk-viewer-icons'
+import { shadowIconDataUri } from '@itk-viewer/icons'
 import applyContrastSensitiveStyleToElement from '../applyContrastSensitiveStyleToElement'
@@ -11,0 +11,0 @@ import '../style.css'

src/Images/WindowLevelReset.jsx

@@ -7,3 +7,3 @@ import React, { useEffect, useRef } from 'react'
 import Tooltip from 'react-bootstrap/Tooltip'
-import { resetImageIconDataUri } from 'itk-viewer-icons'
+import { resetImageIconDataUri } from '@itk-viewer/icons'
 import applyContrastSensitiveStyleToElement from '../applyContrastSensitiveStyleToElement'
@@ -10,0 +10,0 @@ import '../style.css'

src/Images/WindowLevelToggle.jsx

@@ -8,3 +8,3 @@ import React, { useEffect, useRef } from 'react'
 import cn from 'classnames'
-import { windowingIconDataUri } from 'itk-viewer-icons'
+import { windowingIconDataUri } from '@itk-viewer/icons'
 import applyContrastSensitiveStyleToElement from '../applyContrastSensitiveStyleToElement'
@@ -11,0 +11,0 @@ import '../style.css'

src/Layers/CompareControls.jsx

@@ -10,3 +10,3 @@ import { useSelector } from '@xstate/react'
   pauseIconDataUri
-} from 'itk-viewer-icons'
+} from '@itk-viewer/icons'
 
@@ -13,0 +13,0 @@ const xyz = ['X', 'Y', 'Z']

src/Layers/LayerEntry.jsx

@@ -13,4 +13,5 @@ import React, { Fragment, useEffect, useRef } from 'react'
   toggleIconDataUri,
-  boundingBoxIconDataUri
-} from 'itk-viewer-icons'
+  boundingBoxIconDataUri,
+  downloadIconDataUri
+} from '@itk-viewer/icons'
 import '../style.css'
@@ -165,2 +166,7 @@ import { Button, Dropdown } from 'react-bootstrap'
   )
+  const showSaveRoiButton = useSelector(
+    service,
+    (state) => state.context.layers.showSaveRoiButton
+  )
+
   const layerEntry = useRef(null)
@@ -217,4 +223,31 @@
       <div className="layerLabelCommon"> {name} </div>
+
       <div className="layerIconGroup">
         <Spinner name={name} service={service} />
+
+        {showSaveRoiButton && (
+          <OverlayTrigger
+            transition={false}
+            overlay={<Tooltip>{'Save Image'}</Tooltip>}
+          >
+            <Button
+              onClick={() => {
+                send({
+                  type: 'DOWNLOAD_IMAGE',
+                  data: {
+                    name: selectedName,
+                    layerName: name
+                  }
+                })
+              }}
+              variant="secondary"
+              className={cn(`icon-button`, {
+                checked: actorContext.bbox
+              })}
+            >
+              <Image src={downloadIconDataUri}></Image>
+            </Button>
+          </OverlayTrigger>
+        )}
+
         <OverlayTrigger
@@ -221,0 +254,0 @@ transition={false}

src/Main/AnnotationsButton.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { annotationsIconDataUri } from 'itk-viewer-icons'
+import { annotationsIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Main/AxesButton.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { axesIconDataUri } from 'itk-viewer-icons'
+import { axesIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Main/BackgroundColorButton.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { selectColorIconDataUri } from 'itk-viewer-icons'
+import { selectColorIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Main/CroppingPlanesReset.jsx

 import React from 'react'
-import { resetCropIconDataUri } from 'itk-viewer-icons'
+import { resetCropIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -4,0 +4,0 @@ import Image from 'react-bootstrap/Image'

src/Main/CroppingPlanesToggle.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { cropIconDataUri } from 'itk-viewer-icons'
+import { cropIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Main/FullscreenButton.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { fullscreenIconDataUri } from 'itk-viewer-icons'
+import { fullscreenIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Main/PlaneSliders.jsx

@@ -8,3 +8,3 @@ import React, { useRef } from 'react'
   playIconDataUri
-} from 'itk-viewer-icons'
+} from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -11,0 +11,0 @@ import Form from 'react-bootstrap/Form'

src/Main/ResetCameraButton.jsx

 import React from 'react'
-import { resetCameraIconDataUri } from 'itk-viewer-icons'
+import { resetCameraIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -4,0 +4,0 @@ import Image from 'react-bootstrap/Image'

src/Main/RotateButton.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { rotateIconDataUri } from 'itk-viewer-icons'
+import { rotateIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Main/ScreenshotButton.jsx

 import React from 'react'
-import { screenshotIconDataUri } from 'itk-viewer-icons'
+import { screenshotIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -4,0 +4,0 @@ import Image from 'react-bootstrap/Image'

src/Main/ViewModeButtons.jsx

@@ -8,3 +8,3 @@ import React from 'react'
   greenPlaneIconDataUri
-} from 'itk-viewer-icons'
+} from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -11,0 +11,0 @@ import Image from 'react-bootstrap/Image'

src/Main/ViewPlanesToggle.jsx

 import React from 'react'
 import { useSelector } from '@xstate/react'
-import { viewPlanesIconDataUri } from 'itk-viewer-icons'
+import { viewPlanesIconDataUri } from '@itk-viewer/icons'
 import Button from 'react-bootstrap/Button'
@@ -5,0 +5,0 @@ import Image from 'react-bootstrap/Image'

src/Widgets/DistanceWidget.jsx

@@ -8,3 +8,3 @@ import React, { useEffect, useRef } from 'react'
 import Form from 'react-bootstrap/Form'
-import { lengthToolIconDataUri } from 'itk-viewer-icons'
+import { lengthToolIconDataUri } from '@itk-viewer/icons'
 import applyContrastSensitiveStyleToElement from '../applyContrastSensitiveStyleToElement'
@@ -11,0 +11,0 @@ import '../style.css'

No alert changes

Improved metrics

Total package byte prevSize

15512200

increased by0.01%

Lines of code

24776

increased by0.21%

Dependency changes

• + Added@itk-viewer/icons@^11.14.1

• + Added@itk-viewer/icons@11.14.1(transitive)

• - Removeditk-viewer-icons@^11.14.0

• - Removeditk-viewer-icons@11.14.0(transitive)