insight-viewer v8 Controlled Component

[LTakhyunKim]

📝 Description

DicomViewer 를 React Controlled Component 로 사용할 수 있도록 기능을 구현합니다.

구현 사항

1. pan, zoom 과 같이 DICOM 에 변경이 있을 경우, onChange 를 호출하여 상태를 업데이트 합니다.
2. DicomViewer 의 viewerInfo prop 의 값이 변경될 경우, 이를 이미지에 반영하여 리렌더링 합니다.

구현 방식

• useStackViewport 에서 useEffect 를 통해 eventCallback 함수로 onChange 를 할당했습니다.
• useStackViewport 에서 useEffect 를 통해 viewerInfo prop 이 변경될 경우, viewerFactory 의 updateSnapshot 을 호출합니다.
• viewerFactory 의 updateSnapshot 을 통해 viewport 를 업데이트 합니다.

확인 요청 사항

• [ ] npm run start:docs 를 통해 DicomViewer 가 정상 렌더링 되는지 확인 부탁드립니다.
• [ ] DicomViewer 에서 Move 버튼을 클릭하면 이미지가 회전하는지 확인 부탁드립니다.
• [ ] 이미지 회전과 동시에 리렌더링 + 아래 이미지 상태 text 가 변경되는지 확인 부탁드립니다.
• [ ] Move 버튼과 별개로 Dicom 이미지의 pan, zoom 기능을 사용했을 때도 위 동작을 하는지 확인 부탁드립니다.

✔️ PR Type

What kind of change does this PR introduce?

• [ ] Bugfix
• [x] Feature
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Chore (non-breaking change which does not affect codebase; Build related changes, version modification, etc.)
• [ ] CI related changes
• [ ] Test Case
• [ ] Performance optimization
• [ ] Site/documentation update
• [ ] Other... Please describe:

🎯 Current behavior

N/A

Issue Number: N/A

🚀 New behavior

DicomViewer 가 Controlled Component 형태로 동작합니다.

https://github.com/user-attachments/assets/a0a5a327-4782-4bd2-adc8-0cc7acf0a466

💣 Is this a breaking change?

• [ ] Yes
• [x] No