jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ModalOverlay

Browse Source 
Summary: _typescript_

Reviewed By: priteshrnandgaonkar

Differential Revision: D16828815

fbshipit-source-id: 9341286f7c3c32da3f7abeda53b78b2b7fa7bd1b
This commit is contained in:
Daniel Büchele
2019-08-20 03:18:32 -07:00
committed by Facebook Github Bot
parent 3691305b4d
commit 751b50c28f
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/ui/components/ModalOverlay.js → src/ui/components/ModalOverlay.tsx
View File

@@ -5,8 +5,9 @@
* @format * @format
*/ */
import styled from '../styled/index.js'; import styled from 'react-emotion';
import {Component} from 'react'; import {Component} from 'react';
import React from 'react';
const Overlay = styled('div')({ const Overlay = styled('div')({
alignItems: 'center', alignItems: 'center',
@@ -22,8 +23,8 @@ const Overlay = styled('div')({
}); });
export default class ModalOverlay extends Component<{ export default class ModalOverlay extends Component<{
onClose: () => void, onClose: () => void;
children?: React$Node, children?: React.ReactNode;
}> { }> {
ref: HTMLElement; ref: HTMLElement;
@@ -31,7 +32,7 @@ export default class ModalOverlay extends Component<{
this.ref = ref; this.ref = ref;
}; };
onClick = (e: SyntheticMouseEvent<>) => { onClick = (e: React.MouseEvent) => {
if (e.target === this.ref) { if (e.target === this.ref) {
this.props.onClose(); this.props.onClose();
} }

2
src/ui/index.js
View File

@@ -129,7 +129,7 @@ export {default as Text} from './components/Text.js';
export {default as TextParagraph} from './components/TextParagraph.js'; export {default as TextParagraph} from './components/TextParagraph.js';
export {default as Link} from './components/Link.js'; export {default as Link} from './components/Link.js';
export {default as PathBreadcrumbs} from './components/PathBreadcrumbs.js'; export {default as PathBreadcrumbs} from './components/PathBreadcrumbs.js';
export {default as ModalOverlay} from './components/ModalOverlay.js'; export {default as ModalOverlay} from './components/ModalOverlay.tsx';
export {default as Tooltip} from './components/Tooltip.js'; export {default as Tooltip} from './components/Tooltip.js';
export {default as TooltipProvider} from './components/TooltipProvider.js'; export {default as TooltipProvider} from './components/TooltipProvider.js';
export {default as ResizeSensor} from './components/ResizeSensor.js'; export {default as ResizeSensor} from './components/ResizeSensor.js';