@firefox-devtools/react-contextmenu/es6/MenuItem.js

Context Menu implemented in React

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import cx from 'classnames';
import assign from 'object-assign';
import { hideMenu } from './actions';
import { callIfExists, cssClasses, store } from './helpers';
export default class MenuItem extends Component {
  static propTypes = (() => ({
    attributes: PropTypes.object,
    children: PropTypes.node,
    className: PropTypes.string,
    data: PropTypes.object,
    disabled: PropTypes.bool,
    divider: PropTypes.bool,
    onClick: PropTypes.func,
    onMouseLeave: PropTypes.func,
    onMouseMove: PropTypes.func,
    preventClose: PropTypes.bool,
    selected: PropTypes.bool,
    role: PropTypes.string
  }))();
  static defaultProps = {
    attributes: {},
    children: null,
    className: '',
    data: {},
    disabled: false,
    divider: false,
    onClick() {
      return null;
    },
    onMouseMove: () => null,
    onMouseLeave: () => null,
    preventClose: false,
    selected: false,
    role: 'menuitem'
  };
  handleClick = event => {
    if (event.button !== 0 && event.button !== 1) {
      event.preventDefault();
    }
    if (this.props.disabled || this.props.divider) return;
    callIfExists(this.props.onClick, event, assign({}, this.props.data, store.data), store.target);
    if (this.props.preventClose) return;
    hideMenu();
  };
  render() {
    const {
      attributes,
      children,
      className,
      disabled,
      divider,
      selected,
      role
    } = this.props;
    const menuItemClassNames = cx(className, cssClasses.menuItem, attributes.className, {
      [cx(cssClasses.menuItemDisabled, attributes.disabledClassName)]: disabled,
      [cx(cssClasses.menuItemDivider, attributes.dividerClassName)]: divider,
      [cx(cssClasses.menuItemSelected, attributes.selectedClassName)]: selected
    });
    return /*#__PURE__*/React.createElement("div", _extends({}, attributes, {
      className: menuItemClassNames,
      role: role,
      tabIndex: "-1",
      "aria-disabled": disabled ? 'true' : 'false',
      "aria-orientation": divider ? 'horizontal' : null,
      ref: ref => {
        this.ref = ref;
      },
      onMouseMove: this.props.onMouseMove,
      onMouseLeave: this.props.onMouseLeave,
      onTouchEnd: this.handleClick,
      onClick: this.handleClick
    }), divider ? null : children);
  }
}