lost-sia/dist/ImgBar.js

Single Image Annotation Tool

import{jsx as l,jsxs as c}from"react/jsx-runtime";import{useState as D,useEffect as E}from"react";import{Menu as n}from"semantic-ui-react";const P=({svg:r,imgLabelIds:o,possibleLabels:d,imageMeta:t,annos:w,annoTaskId:s,visible:p,onLabelUpdate:A,onMouseEnter:u,onClose:C})=>{const[i,h]=D({top:0,left:0});E(()=>{r&&h({...i,left:r.left,top:r.top})},[r]);const m=e=>{u&&u(e)},I=()=>{let e="";if(o&&o.length>0){let f;return o.forEach((a,j)=>{f=d.find(y=>y.id===a),j>0&&(e+=", "),e+=f.label}),l(n.Item,{children:e})}else return null},b=()=>t.description?l(n.Item,{children:t.description}):null,x=()=>s?c(n.Item,{children:["Annotask ID: ",s]}):null;return!p||!t?null:l("div",{style:{position:"fixed",top:i.top,left:i.left,width:r.width,minWidth:"300px"},onMouseEnter:e=>{m(e)},children:c(n,{inverted:!0,style:{opacity:.9,justifyContent:"center",alignItems:"center"},children:[b(),x(),l(n.Item,{children:"ID: "+t.id}),l(n.Item,{children:t.number+" / "+t.amount}),I()]})})};export{P as default};