UNPKG

d2-ui

Version:
92 lines (80 loc) 2.74 kB
import React, { PropTypes } from 'react'; import objectAssign from 'object.assign'; /** * This is a utility component to wrap around the nodes we are * passing in to `mount()`. Theoretically, you could do everything * we are doing without this, but this makes it easier since * `renderIntoDocument()` doesn't really pass back a reference to * the DOM node it rendered to, so we can't really "re-render" to * pass new props in. */ export default function createWrapperComponent(node, options = {}) { const spec = { propTypes: { Component: PropTypes.oneOfType([PropTypes.func, PropTypes.string]).isRequired, props: PropTypes.object.isRequired, context: PropTypes.object, }, getDefaultProps() { return { context: null, }; }, getInitialState() { return { mount: true, props: this.props.props, context: this.props.context, }; }, setChildProps(newProps) { const props = objectAssign({}, this.state.props, newProps); this.setState({ props }); }, setChildContext(context) { return new Promise(resolve => this.setState({ context }, resolve)); }, getInstance() { const component = this._reactInternalInstance._renderedComponent; const inst = component.getPublicInstance(); if (inst === null) { return component._instance; } return inst; }, getWrappedComponent() { const component = this._reactInternalInstance._renderedComponent; const inst = component.getPublicInstance(); if (inst === null) { return component._instance; } return inst; }, render() { const { Component } = this.props; const { mount, props } = this.state; if (!mount) return null; return ( <Component {...props} /> ); }, }; if (options.context && (node.type.contextTypes || options.childContextTypes)) { // For full rendering, we are using this wrapper component to provide context if it is // specified in both the options AND the child component defines `contextTypes` statically // OR the merged context types for all children (the node component or deeper children) are // specified in options parameter under childContextTypes. // In that case, we define both a `getChildContext()` function and a `childContextTypes` prop. const childContextTypes = node.type.contextTypes || {}; if (options.childContextTypes) { objectAssign(childContextTypes, options.childContextTypes); } objectAssign(spec, { childContextTypes, getChildContext() { return this.state.context; }, }); } return React.createClass(spec); }