tables with all string columns

Author: contactashish13

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

@@ -28,6 +28,10 @@ class ColumnSettings extends Component {
 		 */
 		const settings = this.props.chart['visualizer-settings'];
 
+        if ( ! settings.series ) {
+            return;
+        }
+
 		Object.keys( settings.series )
 			.map( i => {
 				if ( settings.series[i] !== undefined ) {
@@ -47,6 +51,10 @@ class ColumnSettings extends Component {
 
 		const type = this.props.chart['visualizer-chart-type'];
 
+        if ( ! settings.series ) {
+            return null;
+        }
+
 		return (
 			<PanelBody
 				title={ __( 'Column Settings' ) }
@@ -56,14 +64,15 @@ class ColumnSettings extends Component {
 
 				{ Object.keys( settings.series )
 					.map( ( i ) => {
+
 						return (
 							<PanelBody
 								title={ series[i].label }
 								className="visualizer-inner-sections"
 								initialOpen={ false }
 							>
 
-								{ ( 'date' === series[i].type || 'datetime' === series[i].type || 'timeofday' === series[i].type ) && (
+								{ 0 <= [ 'date', 'datetime', 'timeofday' ].indexOf( series[i].type ) && (
 									<Fragment>
 										<TextControl
 											label={ __( 'Display Date Format' ) }
@@ -171,7 +180,7 @@ class ColumnSettings extends Component {
 									</Fragment>
 								) }
 
-								{ ( 'boolean' === series[i].type ) && ( 'dataTable' === type ) && (
+								{ ( 'boolean' === series[i].type ) && (
 									<Fragment>
 										<TextControl
 											label={ __( 'Truthy value' ) }