fix(plotly.js): nested property attributes fix

This changes the shape of the PlotlyRelayoutEvent to use string based
property access as per-discussion here:
plotly/plotly.js#1877

See:
https://plotly.com/javascript/plotlyjs-events/
https://plotly.com/javascript/zoom-events/#binding-to-zoom-events

/cc @mmakrzem

Thanks!

Fixes: DefinitelyTyped#43735

Author: peterblazejewicz

types/plotly.js/index.d.ts

@@ -85,21 +85,19 @@ export type PlotRestyleEvent = [
 	number[]	// array of traces updated
 ];
 
-export interface PlotAxis {
-	range: [number, number];
-	autorange: boolean;
-}
-
 export interface PlotScene {
 	center: Point;
 	eye: Point;
 	up: Point;
 }
 
 export interface PlotRelayoutEvent {
-	xaxis: PlotAxis;
-	yaxis: PlotAxis;
-	scene: PlotScene;
+	"xaxis.range[0]": number;
+	"xaxis.range[1]": number;
+	"yaxis.range[0]": number;
+	"yaxis.range[1]": number;
+	"xaxis.autorange": boolean;
+	"yaxis.autorange": boolean;
 }
 
 export interface ClickAnnotationEvent {

types/plotly.js/test/index-tests.ts

@@ -493,6 +493,15 @@ function rand() {
 		}, [0]);
 	});
 
+	myPlot.on('plotly_relayout', eventdata => {
+		eventdata["xaxis.autorange"]; // $ExpectType boolean
+		eventdata["xaxis.autorange"]; // $ExpectType boolean
+		eventdata["xaxis.range[0]"]; // $ExpectType number
+		eventdata["xaxis.range[1]"]; // $ExpectType number
+		eventdata["yaxis.range[0]"]; // $ExpectType number
+		eventdata["yaxis.range[1]"]; // $ExpectType number
+	});
+
 	myPlot.on('plotly_restyle', (data) => {
 		console.log('restyling');
 	});