@blueprintjs/core
Version:
Core styles & components
51 lines (50 loc) • 2.28 kB
JavaScript
;
/*
* Copyright 2016 Palantir Technologies, Inc. All rights reserved.
*
* Licensed under the terms of the LICENSE file distributed with this project.
*/
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var ReactDOM = require("react-dom");
var errors_1 = require("../../common/errors");
var utils_1 = require("../../common/utils");
var isDarkTheme_1 = require("../../common/utils/isDarkTheme");
var ContextMenu = require("./contextMenu");
function ContextMenuTarget(constructor) {
var _a = constructor.prototype, render = _a.render, renderContextMenu = _a.renderContextMenu, onContextMenuClose = _a.onContextMenuClose;
if (!utils_1.isFunction(renderContextMenu)) {
console.warn(errors_1.CONTEXTMENU_WARN_DECORATOR_NO_METHOD);
}
// patching classes like this requires preserving function context
// tslint:disable-next-line only-arrow-functions
constructor.prototype.render = function () {
var _this = this;
/* tslint:disable:no-invalid-this */
var element = render.call(this);
if (element == null) {
// always return `element` in case caller is distinguishing between `null` and `undefined`
return element;
}
var oldOnContextMenu = element.props.onContextMenu;
var onContextMenu = function (e) {
// support nested menus (inner menu target would have called preventDefault())
if (e.defaultPrevented) {
return;
}
if (utils_1.isFunction(_this.renderContextMenu)) {
var menu = _this.renderContextMenu(e);
if (menu != null) {
var htmlElement = ReactDOM.findDOMNode(_this);
var darkTheme = htmlElement != null && isDarkTheme_1.isDarkTheme(htmlElement);
e.preventDefault();
ContextMenu.show(menu, { left: e.clientX, top: e.clientY }, onContextMenuClose, darkTheme);
}
}
utils_1.safeInvoke(oldOnContextMenu, e);
};
return React.cloneElement(element, { onContextMenu: onContextMenu });
/* tslint:enable:no-invalid-this */
};
}
exports.ContextMenuTarget = ContextMenuTarget;