-
-
Notifications
You must be signed in to change notification settings - Fork 100
/
connectSliderToLayout.js
77 lines (64 loc) · 2.21 KB
/
connectSliderToLayout.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
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {getDisplayName} from '../lib';
export default function connectSliderToLayout(WrappedComponent) {
class SliderConnectedComponent extends Component {
constructor(props, context) {
super(props, context);
this.updateSlider = this.updateSlider.bind(this);
this.setLocals(props, context);
}
componentWillReceiveProps(nextProps, nextContext) {
this.setLocals(nextProps, nextContext);
}
setLocals(props, context) {
const {sliderIndex} = props;
const {container, fullContainer} = context;
const sliders = container.sliders || [];
const fullSliders = fullContainer.sliders || [];
this.container = sliders[sliderIndex];
this.fullContainer = fullSliders[sliderIndex];
}
getChildContext() {
return {
getValObject: attr =>
!this.context.getValObject ? null : this.context.getValObject(`sliders[].${attr}`),
updateContainer: this.updateSlider,
container: this.container,
fullContainer: this.fullContainer,
};
}
updateSlider(update) {
const newUpdate = {};
const {sliderIndex} = this.props;
for (const key in update) {
const newkey = `sliders[${sliderIndex}].${key}`;
newUpdate[newkey] = update[key];
}
this.context.updateContainer(newUpdate);
}
render() {
return <WrappedComponent {...this.props} />;
}
}
SliderConnectedComponent.displayName = `SliderConnected${getDisplayName(WrappedComponent)}`;
SliderConnectedComponent.propTypes = {
sliderIndex: PropTypes.number.isRequired,
};
SliderConnectedComponent.contextTypes = {
container: PropTypes.object,
fullContainer: PropTypes.object,
onUpdate: PropTypes.func,
updateContainer: PropTypes.func,
getValObject: PropTypes.func,
};
SliderConnectedComponent.childContextTypes = {
updateContainer: PropTypes.func,
container: PropTypes.object,
fullContainer: PropTypes.object,
getValObject: PropTypes.func,
};
const {plotly_editor_traits} = WrappedComponent;
SliderConnectedComponent.plotly_editor_traits = plotly_editor_traits;
return SliderConnectedComponent;
}