Files
flipper/src/ui/components/ContextMenuProvider.js
Daniel Büchele 95a7298d21 updating UI documentation
Summary:
adding documentation for more of our UI components.

Deleted some unused components, which were not working anyways.

Reviewed By: jknoxville

Differential Revision: D12896109

fbshipit-source-id: 959c7864240883869ad67283f80a3c189b94bf00
2018-11-05 03:12:23 -08:00

55 lines
1.3 KiB
JavaScript

/**
* Copyright 2018-present Facebook.
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
* @format
*/
import {Component} from 'react';
import styled from '../styled/index.js';
import electron from 'electron';
const PropTypes = require('prop-types');
type MenuTemplate = Array<Electron$MenuItemOptions>;
const Container = styled('div')({
display: 'contents',
});
/**
* Flipper's root is already wrapped with this component, so plugins should not
* need to use this. ContextMenu is what you probably want to use.
*/
export default class ContextMenuProvider extends Component<{|
children: React$Node,
|}> {
static childContextTypes = {
appendToContextMenu: PropTypes.func,
};
getChildContext() {
return {appendToContextMenu: this.appendToContextMenu};
}
_menuTemplate: MenuTemplate = [];
appendToContextMenu = (items: MenuTemplate) => {
this._menuTemplate = this._menuTemplate.concat(items);
};
onContextMenu = () => {
const menu = electron.remote.Menu.buildFromTemplate(this._menuTemplate);
this._menuTemplate = [];
menu.popup({window: electron.remote.getCurrentWindow(), async: true});
};
render() {
return (
<Container onContextMenu={this.onContextMenu}>
{this.props.children}
</Container>
);
}
}