chore(netlify-cms-core): upgrade react-frame-component to 4.x (#1925)

This commit is contained in:
Alexander Nanberg
2018-11-29 16:07:09 +01:00
committed by Shawn Erquhart
parent e940f4eeb6
commit e5ad6087af
3 changed files with 15 additions and 14 deletions

View File

@ -44,7 +44,7 @@
"react-dnd-html5-backend": "^7.0.0",
"react-dom": "^16.0.0",
"react-emotion": "^9.2.5",
"react-frame-component": "^2.0.0",
"react-frame-component": "^4.0.2",
"react-hot-loader": "^4.0.0",
"react-immutable-proptypes": "^2.1.0",
"react-is": "16.3.1",

View File

@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
import React from 'react';
import { isElement } from 'react-is';
import { ScrollSyncPane } from 'react-scroll-sync';
import { FrameContextConsumer } from 'react-frame-component';
/**
* We need to create a lightweight component here so that we can access the
@ -12,19 +13,19 @@ class PreviewContent extends React.Component {
render() {
const { previewComponent, previewProps } = this.props;
return (
<ScrollSyncPane attachTo={this.context.document.scrollingElement}>
{isElement(previewComponent)
? React.cloneElement(previewComponent, previewProps)
: React.createElement(previewComponent, previewProps)}
</ScrollSyncPane>
<FrameContextConsumer>
{context => (
<ScrollSyncPane attachTo={context.document.scrollingElement}>
{isElement(previewComponent)
? React.cloneElement(previewComponent, previewProps)
: React.createElement(previewComponent, previewProps)}
</ScrollSyncPane>
)}
</FrameContextConsumer>
);
}
}
PreviewContent.contextTypes = {
document: PropTypes.any,
};
PreviewContent.propTypes = {
previewComponent: PropTypes.func.isRequired,
previewProps: PropTypes.object,