VIEWER-163 / data Attribute 적용

[LTakhyunKim]

📝 Description

data attribute 가 적용되지 않는 이슈를 해결합니다. AnnotationOverlay 의 onAdd prop 을 활용, annotation 의 dataAttrs 값을 할당하면 data attribute 가 적용됩니다. 이와 함께 dataAttrs 의 타입을 Template Literal Types 를 적용하여 보다 정확한 값을 기입할 수 있도록 개선했습니다.

            <AnnotationOverlay
              {...props}
              onAdd={(annotation) => {
                const addedAnnotation = { ...annotation }
                addedAnnotation.dataAttrs = { 'data-index': '1' }
                return addedAnnotation
              }}
            />

✔️ PR Type

What kind of change does this PR introduce?

• [x] Bugfix
• [ ] 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

data attribute 를 적용할 수 없습니다.

Issue Number: https://lunit.atlassian.net/browse/VIEWER-163

🚀 New behavior

annotation 추가 시 data attribute 를 지정할 수 있습니다.

💣 Is this a breaking change?

• [ ] Yes
• [x] No

[github-actions[bot]]

Coverage report

St.:grey_question:	Category	Percentage	Covered / Total
🟢	Statements	93.02%	80/86
🟢	Branches	94.55%	52/55
🟡	Functions	77.78%	21/27
🟢	Lines	92.31%	72/78

Test suite run success

66 tests passing in 9 suites.

Report generated by 🧪jest coverage report action from 4984f2bf5a63f6266244fa9f176fe5962d9f754f