box-ui-elements-mlh/es/elements/content-uploader/ItemRemove.js

Box UI Elements

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

/**
 * 
 * @file Item remove component
 */
import React from 'react';
import { FormattedMessage } from 'react-intl';
import PlainButton from '../../components/plain-button/PlainButton';
import Tooltip from '../../components/tooltip';
import IconClose from '../../icons/general/IconClose';
import messages from '../common/messages';
import { STATUS_ERROR, STATUS_IN_PROGRESS, STATUS_STAGED } from '../../constants';

var ItemRemove = function ItemRemove(_ref) {
  var onClick = _ref.onClick,
      status = _ref.status;
  var resin = {};
  var target = null;

  if (status === STATUS_IN_PROGRESS) {
    target = 'uploadcancel';
  } else if (status === STATUS_ERROR) {
    target = 'remove-failed';
  }

  if (target) {
    resin['data-resin-target'] = target;
  }

  return /*#__PURE__*/React.createElement("div", {
    className: "bcu-item-action"
  }, /*#__PURE__*/React.createElement(Tooltip, {
    position: "top-left",
    text: /*#__PURE__*/React.createElement(FormattedMessage, messages.remove)
  }, /*#__PURE__*/React.createElement(PlainButton, _extends({
    onClick: onClick,
    type: "button",
    isDisabled: status === STATUS_STAGED
  }, resin), /*#__PURE__*/React.createElement(IconClose, null))));
};

export default ItemRemove;
//# sourceMappingURL=ItemRemove.js.map