autosize snaps dimensions back to defaults

autosize snaps dimensions back to defaults

changes that match autosize branch of react-plotly.js

bumping react-plotly.js to 1.2.0

Author: nicolaskruchten

examples/async-data/package.json

@@ -7,8 +7,8 @@
     "plotly.js": "^1.32.0",
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
-    "react-plotly.js": "^1.0.4",
     "react-plotly.js-editor": "0.5.1",
+    "react-plotly.js": "^1.2.0",
     "react-scripts": "1.0.17"
   },
   "scripts": {

examples/custom/package.json

@@ -6,8 +6,8 @@
     "plotly.js": "^1.32.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "react-plotly.js": "^1.0.4",
     "react-plotly.js-editor": "0.5.1",
+    "react-plotly.js": "^1.2.0",
     "react-scripts": "1.0.17"
   },
   "scripts": {

examples/redux/package.json

@@ -7,8 +7,8 @@
     "prop-types": "^15.6.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "react-plotly.js": "^1.0.4",
     "react-plotly.js-editor": "0.5.1",
+    "react-plotly.js": "^1.2.0",
     "react-redux": "^5.0.6",
     "react-scripts": "1.0.17",
     "redux": "^3.7.2"

examples/simple/package.json

@@ -6,8 +6,8 @@
     "plotly.js": "^1.32.0",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
-    "react-plotly.js": "^1.0.4",
     "react-plotly.js-editor": "0.5.1",
+    "react-plotly.js": "^1.2.0",
     "react-scripts": "1.0.17"
   },
   "scripts": {

examples/simple/src/App.js

@@ -49,14 +49,16 @@ class App extends Component {
           dataSourceOptions={dataSourceOptions}
           plotly={plotly}
         />
-        <div className="app__main">
+        <div className="app__main" style={{width: '100%', height: '100%'}}>
           <Plot
             debug
+            useResizeHandler
             data={this.state.graphDiv.data}
             layout={this.state.graphDiv.layout}
             onUpdate={this.handlePlotUpdate.bind(this)}
             onInitialized={this.handlePlotUpdate.bind(this)}
             revision={this.state.plotRevision}
+            style={{width: '100%', height: '100%'}}
           />
         </div>
       </div>

src/components/fields/derived.js

@@ -10,9 +10,12 @@ import {
 
 export const CanvasSize = connectToContainer(UnconnectedNumeric, {
   modifyPlotProps: (props, context, plotProps) => {
-    const {fullContainer} = plotProps;
+    const {fullContainer, updateContainer, container} = plotProps;
     if (plotProps.isVisible && fullContainer && fullContainer.autosize) {
       plotProps.isVisible = false;
+      if (container[props.attr]) {
+        updateContainer({[props.attr]: {}});
+      }
     }
   },
 });