-
-
Notifications
You must be signed in to change notification settings - Fork 100
/
connectAggregationToTransform.js
83 lines (69 loc) · 2.5 KB
/
connectAggregationToTransform.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
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {getDisplayName} from '../lib';
export default function connectAggregationToTransform(WrappedComponent) {
class AggregationConnectedComponent extends Component {
constructor(props, context) {
super(props, context);
this.updateAggregation = this.updateAggregation.bind(this);
this.setLocals(props, context);
}
componentWillReceiveProps(nextProps, nextContext) {
this.setLocals(nextProps, nextContext);
}
setLocals(props, context) {
const {aggregationIndex} = props;
const {container, fullContainer} = context;
const aggregations = (container && container.aggregations) || [];
const fullAggregations = fullContainer.aggregations || [];
this.container = aggregations[aggregationIndex];
this.fullContainer = fullAggregations[aggregationIndex];
}
getChildContext() {
return {
getValObject: attr =>
!this.context.getValObject ? null : this.context.getValObject(`aggregations[].${attr}`),
updateContainer: this.updateAggregation,
container: this.container,
fullContainer: this.fullContainer,
};
}
updateAggregation(update) {
const newUpdate = {};
const path = `aggregations[${this.props.aggregationIndex}]`;
for (const key in update) {
newUpdate[`${path}.${key}`] = update[key];
}
newUpdate[`${path}.target`] = this.fullContainer.target;
newUpdate[`${path}.enabled`] = true;
this.context.updateContainer(newUpdate);
}
render() {
return <WrappedComponent {...this.props} />;
}
}
AggregationConnectedComponent.displayName = `AggregationConnected${getDisplayName(
WrappedComponent
)}`;
AggregationConnectedComponent.propTypes = {
aggregationIndex: PropTypes.number.isRequired,
};
AggregationConnectedComponent.contextTypes = {
container: PropTypes.object,
fullContainer: PropTypes.object,
data: PropTypes.array,
onUpdate: PropTypes.func,
updateContainer: PropTypes.func,
getValObject: PropTypes.func,
};
AggregationConnectedComponent.childContextTypes = {
updateContainer: PropTypes.func,
deleteContainer: PropTypes.func,
container: PropTypes.object,
fullContainer: PropTypes.object,
getValObject: PropTypes.func,
};
const {plotly_editor_traits} = WrappedComponent;
AggregationConnectedComponent.plotly_editor_traits = plotly_editor_traits;
return AggregationConnectedComponent;
}