lost-sia/dist/InfoBoxes/LabelInfo.js

Single Image Annotation Tool

import{jsx as n,jsxs as a}from"react/jsx-runtime";import{useState as r,useEffect as x}from"react";import g from"./InfoBox.js";import I from"../SiaPopup.js";import h from"../AnnoExampleViewer.js";const C=e=>{const[c,o]=r(!1),[i,d]=r(void 0);x(()=>{if(e.selectedAnno){const t=e.selectedAnno.labelIds;if(t){const l=e.possibleLabels.find(b=>t[0]===b.id);l&&l!==i&&(d(l),e.visible&&s(l,e.selectedAnno))}}},[e.selectedAnno]);const f=()=>{e.onDismiss&&e.onDismiss()},s=(t,l)=>{e.onGetAnnoExample&&e.onGetAnnoExample({lbl:t,anno:l})},m=()=>{o(!0)},u=()=>e.exampleImg?a("div",{children:[n("h4",{onClick:()=>m(),children:"Example:"}),n(I,{trigger:n("img",{src:e.exampleImg.img,onClick:()=>m(),style:{borderRadius:25,width:"100%"}}),content:"Click on image to view more examples"})]}):null;return n(g,{header:"Label Info",content:i?a("div",{children:[n("h4",{children:i.label}),n("div",{dangerouslySetInnerHTML:{__html:i.description}}),u(),n(h,{onRequestExample:()=>s(i,e.selectedAnno),onClose:()=>{o(!1)},active:c,lbl:i,exampleImg:e.exampleImg})]}):"No Label",visible:e.visible,defaultPos:e.defaultPos,onDismiss:()=>f()})};export{C as default};