@devneko/react-treebeard/dist/components/Decorators/Header.js

React Tree View Component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _common = require("../common");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Header = function Header(_ref) {
  var node = _ref.node,
      style = _ref.style,
      onClick = _ref.onClick,
      onRightClick = _ref.onRightClick;
  return _react["default"].createElement(_common.Div, {
    style: style.base,
    onClick: onClick ? function () {
      return onClick();
    } : null,
    onContextMenu: function onContextMenu(e) {
      if (onRightClick) {
        e.preventDefault();
      }
    },
    onMouseDown: function onMouseDown(e) {
      if (onRightClick && e.button === 2) {
        onRightClick(node, e);
      }
    }
  }, _react["default"].createElement(_common.Div, {
    style: style.title
  }, node.name));
};

Header.propTypes = {
  style: _propTypes["default"].object,
  node: _propTypes["default"].object.isRequired,
  onClick: _propTypes["default"].func,
  onRightClick: _propTypes["default"].func
};
var _default = Header;
exports["default"] = _default;