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

ResizeSensor

Browse Source 
Summary: _typescript_

Reviewed By: priteshrnandgaonkar

Differential Revision: D16828871

fbshipit-source-id: d88c65178f0728b40414c9eab66d0402d7d51edd
This commit is contained in:
Daniel Büchele
2019-08-20 03:18:32 -07:00
committed by Facebook Github Bot
parent aee3ab86cf
commit e199ee95d3
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/ui/components/ResizeSensor.js → src/ui/components/ResizeSensor.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 IFrame = styled('iframe')({ const IFrame = styled('iframe')({
height: '100%', height: '100%',
@@ -24,11 +25,11 @@ const IFrame = styled('iframe')({
*/ */
export default class ResizeSensor extends Component<{ export default class ResizeSensor extends Component<{
/** Callback when resize happened */ /** Callback when resize happened */
onResize: (e: UIEvent) => void, onResize: (e: UIEvent) => void;
}> { }> {
iframe: ?HTMLIFrameElement; iframe: HTMLIFrameElement | undefined;
setRef = (ref: ?HTMLIFrameElement) => { setRef = (ref: HTMLIFrameElement | undefined) => {
this.iframe = ref; this.iframe = ref;
}; };
@@ -50,7 +51,7 @@ export default class ResizeSensor extends Component<{
} }
} }
handleResize = () => { handleResize = (e: UIEvent) => {
window.requestAnimationFrame(this.props.onResize); window.requestAnimationFrame(() => this.props.onResize(e));
}; };
} }

2
src/ui/index.js
View File

@@ -132,7 +132,7 @@ export {default as PathBreadcrumbs} from './components/PathBreadcrumbs.tsx';
export {default as ModalOverlay} from './components/ModalOverlay.tsx'; 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.tsx';
export {default as StatusIndicator} from './components/StatusIndicator.js'; export {default as StatusIndicator} from './components/StatusIndicator.js';
// typography // typography