-
-
Notifications
You must be signed in to change notification settings - Fork 102
/
connectNonCartesianSubplotToLayout.js
87 lines (71 loc) · 2.57 KB
/
connectNonCartesianSubplotToLayout.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {getDisplayName, plotlyTraceToCustomTrace, renderTraceIcon, getFullTrace} from '../lib';
export default function connectNonCartesianSubplotToLayout(WrappedComponent) {
class SubplotConnectedComponent extends Component {
constructor(props, context) {
super(props, context);
this.updateSubplot = this.updateSubplot.bind(this);
this.setLocals(props, context);
}
componentWillReceiveProps(nextProps, nextContext) {
this.setLocals(nextProps, nextContext);
}
setLocals(props, context) {
const {subplot, traceIndexes} = props;
const {container, fullContainer, data} = context;
this.container = container[subplot] || {};
this.fullContainer = fullContainer[subplot] || {};
const trace = traceIndexes.length > 0 ? data[traceIndexes[0]] : {};
const fullTrace = getFullTrace(props, context);
if (trace && fullTrace) {
this.icon = renderTraceIcon(plotlyTraceToCustomTrace(trace));
this.name = fullTrace.name;
}
}
getChildContext() {
return {
getValObject: attr =>
!this.context.getValObject
? null
: this.context.getValObject(`${this.props.subplot}.${attr}`),
updateContainer: this.updateSubplot,
container: this.container,
fullContainer: this.fullContainer,
};
}
updateSubplot(update) {
const newUpdate = {};
for (const key in update) {
newUpdate[`${this.props.subplot}.${key}`] = update[key];
}
this.context.updateContainer(newUpdate);
}
render() {
return <WrappedComponent name={this.name} icon={this.icon} {...this.props} />;
}
}
SubplotConnectedComponent.displayName = `SubplotConnected${getDisplayName(WrappedComponent)}`;
SubplotConnectedComponent.propTypes = {
subplot: PropTypes.string.isRequired,
};
SubplotConnectedComponent.contextTypes = {
container: PropTypes.object,
fullContainer: PropTypes.object,
data: PropTypes.array,
fullData: PropTypes.array,
onUpdate: PropTypes.func,
updateContainer: PropTypes.func,
getValObject: PropTypes.func,
};
SubplotConnectedComponent.childContextTypes = {
updateContainer: PropTypes.func,
deleteContainer: PropTypes.func,
container: PropTypes.object,
fullContainer: PropTypes.object,
getValObject: PropTypes.func,
};
const {plotly_editor_traits} = WrappedComponent;
SubplotConnectedComponent.plotly_editor_traits = plotly_editor_traits;
return SubplotConnectedComponent;
}