enable toggling the editor display (#453)

Author: bhogan-mitre

src/PlotlyEditor.js

@@ -13,19 +13,21 @@ class PlotlyEditor extends Component {
   render() {
     return (
       <div className="plotly_editor">
-        <EditorControls
-          graphDiv={this.state.graphDiv}
-          dataSources={this.props.dataSources}
-          dataSourceOptions={this.props.dataSourceOptions}
-          plotly={this.props.plotly}
-          onUpdate={this.props.onUpdate}
-          advancedTraceTypeSelector={this.props.advancedTraceTypeSelector}
-          locale={this.props.locale}
-          traceTypesConfig={this.props.traceTypesConfig}
-          dictionaries={this.props.dictionaries}
-        >
-          {this.props.children}
-        </EditorControls>
+        {!this.props.hideControls && (
+          <EditorControls
+            graphDiv={this.state.graphDiv}
+            dataSources={this.props.dataSources}
+            dataSourceOptions={this.props.dataSourceOptions}
+            plotly={this.props.plotly}
+            onUpdate={this.props.onUpdate}
+            advancedTraceTypeSelector={this.props.advancedTraceTypeSelector}
+            locale={this.props.locale}
+            traceTypesConfig={this.props.traceTypesConfig}
+            dictionaries={this.props.dictionaries}
+          >
+            {this.props.children}
+          </EditorControls>
+        )}
         <div
           className="plotly_editor_plot"
           style={{width: '100%', height: '100%'}}
@@ -65,6 +67,11 @@ PlotlyEditor.propTypes = {
   traceTypesConfig: PropTypes.object,
   dictionaries: PropTypes.object,
   divId: PropTypes.string,
+  hideControls: PropTypes.bool,
+};
+
+PlotlyEditor.defaultProps = {
+  hideControls: false,
 };
 
 export default PlotlyEditor;