label-studio/src/components/Tags/Object.js

Data Labeling Tool that is backend agnostic and can be embedded into your applications

import React from "react";
import { PropTypes } from "prop-types";
import { observer } from "mobx-react";

/**
 * Object Tag Component
 */
class ObjectTagView extends React.Component {
  render() {
    const { props } = this;
    const { item } = props;

    const update = item._needsUpdate;
    const moreProps = item.getProps && item.getProps();

    return (
      <div className={props.className} style={props.style} {...moreProps}>
        {props.children}
      </div>
    );
  }
}

ObjectTagView.propTypes = {
  children: PropTypes.object.isRequired,
  item: PropTypes.object.isRequired,
};

export default observer(ObjectTagView);