FilesExpand file tree

 master

/

context-menu-interceptor.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

41 lines (33 loc) · 1.13 KB

 master

/

context-menu-interceptor.js

Copy path

Top

File metadata and controls

• Code
• Blame

41 lines (33 loc) · 1.13 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

import React from 'react';

import PropTypes from 'prop-types';

export default class ContextMenuInterceptor extends React.Component {

static propTypes = {

onWillShowContextMenu: PropTypes.func.isRequired,

children: PropTypes.element.isRequired,

}

static registration = new Map()

static handle(event) {

for (const [element, callback] of ContextMenuInterceptor.registration) {

if (element.contains(event.target)) {

callback(event);

}

}

}

static dispose() {

document.removeEventListener('contextmenu', contextMenuHandler, {capture: true});

}

componentDidMount() {

// Helpfully, addEventListener dedupes listeners for us.

document.addEventListener('contextmenu', contextMenuHandler, {capture: true});

ContextMenuInterceptor.registration.set(this.element, (...args) => this.props.onWillShowContextMenu(...args));

}

render() {

return <div ref={e => { this.element = e; }}>{this.props.children}</div>;

}

componentWillUnmount() {

ContextMenuInterceptor.registration.delete(this.element);

}

}

function contextMenuHandler(event) {

ContextMenuInterceptor.handle(event);

}