lost-sia/dist/InfoBoxes/InfoBox.js

Single Image Annotation Tool

import{jsx as s,jsxs as i}from"react/jsx-runtime";import{Component as o}from"react";import{Message as e,Header as n}from"semantic-ui-react";import r from"react-draggable";class m extends o{constructor(t){super(t),this.state={style:{position:"fixed",top:200,left:200,width:250}}}componentDidMount(){this.updateStyle()}componentDidUpdate(t){this.props.defaultPos!==t.defaultPos&&this.updateStyle()}handleOnStop(t){this.props.onStop&&this.props.onStop(t)}updateStyle(){this.setState({style:{...this.state.style,...this.props.defaultPos}})}onDismiss(t){this.props.onDismiss&&this.props.onDismiss(t)}render(){return this.props.visible?s(r,{handle:".handle",onStop:t=>this.handleOnStop(t),children:s("div",{style:this.state.style,children:i(e,{style:{opacity:.98},onDismiss:t=>{this.onDismiss(t)},size:"small",children:[s(n,{textAlign:"center",as:"h5",className:"handle",style:{cursor:"grab"},children:this.props.header}),s("hr",{}),s(e.Content,{children:this.props.content})]})})}):null}}export{m as default};