add for backward compatibility on dev instances

Author: contactashish13

classes/Visualizer/Gutenberg/src/Components/Sidebar.js

@@ -48,11 +48,11 @@ class Sidebar extends Component {
 
 				<GeneralSettings chart={ this.props.chart } edit={ this.props.edit } />
 
-				{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
+				{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
 					<HorizontalAxisSettings chart={ this.props.chart } edit={ this.props.edit } />
 				) }
 
-				{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
+				{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
 					<VerticalAxisSettings chart={ this.props.chart } edit={ this.props.edit } />
 				) }
 
@@ -100,7 +100,7 @@ class Sidebar extends Component {
 					<TimelineSettings chart={ this.props.chart } edit={ this.props.edit } />
 				) }
 
-				{ ( 0 <= [ 'tabular' ].indexOf( type ) ) && (
+				{ ( 0 <= [ 'tabular', 'dataTable' ].indexOf( type ) ) && (
 					<Fragment>
 
 						<TableSettings chart={ this.props.chart } edit={ this.props.edit } />

classes/Visualizer/Gutenberg/src/Components/Sidebar/GeneralSettings.js

@@ -57,7 +57,7 @@ class GeneralSettings extends Component {
 						} }
 					/>
 
-					{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
+					{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
 						<SelectControl
 							label={ __( 'Chart Title Position' ) }
 							help={ __( 'Where to place the chart title, compared to the chart area.' ) }
@@ -74,7 +74,7 @@ class GeneralSettings extends Component {
 						/>
 					) }
 
-					{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'timeline' ].indexOf( type ) ) && (
+					{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'timeline' ].indexOf( type ) ) && (
 						<BaseControl
 							label={ __( 'Chart Title Color' ) }
 						>
@@ -88,7 +88,7 @@ class GeneralSettings extends Component {
 						</BaseControl>
 					) }
 
-					{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
+					{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
 						<SelectControl
 							label={ __( 'Axes Titles Position' ) }
 							help={ __( 'Determines where to place the axis titles, compared to the chart area.' ) }
@@ -107,7 +107,7 @@ class GeneralSettings extends Component {
 
 				</PanelBody>
 
-				{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
+				{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
 					<PanelBody
 						title={ __( 'Font Styles' ) }
 						className="visualizer-inner-sections"
@@ -167,7 +167,7 @@ class GeneralSettings extends Component {
 					</PanelBody>
 				) }
 
-				{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'timeline' ].indexOf( type ) ) && (
+				{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'timeline' ].indexOf( type ) ) && (
 					<PanelBody
 						title={ __( 'Legend' ) }
 						className="visualizer-inner-sections"
@@ -230,7 +230,7 @@ class GeneralSettings extends Component {
 					</PanelBody>
 				) }
 
-				{ ( -1 >= [ 'tabular', 'gauge', 'geo' ].indexOf( type ) ) && (
+				{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo' ].indexOf( type ) ) && (
 					<PanelBody
 						title={ __( 'Tooltip' ) }
 						className="visualizer-inner-sections"
@@ -282,7 +282,7 @@ class GeneralSettings extends Component {
 					</PanelBody>
 				) }
 
-				{ ( -1 >= [ 'tabular', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
+				{ ( -1 >= [ 'tabular', 'dataTable', 'gauge', 'geo', 'pie', 'timeline' ].indexOf( type ) ) && (
 					<PanelBody
 						title={ __( 'Animation' ) }
 						className="visualizer-inner-sections"