95a7298d21
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
57 lines
1.2 KiB
JavaScript
57 lines
1.2 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 styled from '../styled/index.js';
|
|
import {Component} from 'react';
|
|
|
|
const IFrame = styled('iframe')({
|
|
height: '100%',
|
|
width: '100%',
|
|
border: 'none',
|
|
background: 'transparent',
|
|
position: 'absolute',
|
|
zIndex: -1,
|
|
top: 0,
|
|
left: 0,
|
|
});
|
|
|
|
/**
|
|
* Listener for resize events.
|
|
*/
|
|
export default class ResizeSensor extends Component<{
|
|
/** Callback when resize happened */
|
|
onResize: (e: UIEvent) => void,
|
|
}> {
|
|
iframe: ?HTMLIFrameElement;
|
|
|
|
setRef = (ref: ?HTMLIFrameElement) => {
|
|
this.iframe = ref;
|
|
};
|
|
|
|
render() {
|
|
return <IFrame innerRef={this.setRef} />;
|
|
}
|
|
|
|
componentDidMount() {
|
|
const {iframe} = this;
|
|
if (iframe != null) {
|
|
iframe.contentWindow.addEventListener('resize', this.handleResize);
|
|
}
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
const {iframe} = this;
|
|
if (iframe != null) {
|
|
iframe.contentWindow.removeEventListener('resize', this.handleResize);
|
|
}
|
|
}
|
|
|
|
handleResize = () => {
|
|
window.requestAnimationFrame(this.props.onResize);
|
|
};
|
|
}
|