Merge pull request #1081 from Codeinwp/fix/geo-chart

Load necessary google charts packages in Gutenberg
Codeinwp · Feb 20, 2024 · 7d6225c · 7d6225c
2 parents cb4c99a + d31a486
commit 7d6225c
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/classes/Visualizer/Gutenberg/build/block.js b/classes/Visualizer/Gutenberg/build/block.js
diff --git a/classes/Visualizer/Gutenberg/src/Components/ChartRender.js b/classes/Visualizer/Gutenberg/src/Components/ChartRender.js
@@ -7,7 +7,7 @@ import DataTable from './DataTable.js';
 
 import merge from 'merge';
 
-import { compact, formatDate, isValidJSON, formatData } from '../utils.js';
+import { compact, formatDate, isValidJSON, formatData, googleChartPackages } from '../utils.js';
 
 /**
  * WordPress dependencies
@@ -108,6 +108,7 @@ class ChartRender extends Component {
 								}
 								height="500px"
                                 formatters={ formatData( data ) }
+								chartPackages={ googleChartPackages }
 							/>
                         ) : (
 							<Chart
@@ -122,6 +123,7 @@ class ChartRender extends Component {
 								}
 								height="500px"
                                 formatters={ formatData( data ) }
+								chartPackages={ googleChartPackages }
 							/>
 						) ) }
 

diff --git a/classes/Visualizer/Gutenberg/src/Components/ChartSelect.js b/classes/Visualizer/Gutenberg/src/Components/ChartSelect.js
@@ -23,7 +23,7 @@ import PanelButton from './PanelButton.js';
 
 import merge from 'merge';
 
-import { compact, formatDate, isValidJSON, formatData } from '../utils.js';
+import { compact, formatDate, isValidJSON, formatData, googleChartPackages } from '../utils.js';
 
 /**
  * WordPress dependencies
@@ -172,6 +172,7 @@ class ChartSelect extends Component {
 								}
 								height="500px"
                                 formatters={ formatData( data ) }
+								chartPackages={ googleChartPackages }
 							/>
                         ) : (
 							<Chart
@@ -186,6 +187,7 @@ class ChartSelect extends Component {
 								}
 								height="500px"
                                 formatters={ formatData( data ) }
+								chartPackages={ googleChartPackages }
 							/>
 						)
 					) }

diff --git a/classes/Visualizer/Gutenberg/src/Components/Charts.js b/classes/Visualizer/Gutenberg/src/Components/Charts.js
@@ -5,7 +5,7 @@ import { Chart } from 'react-google-charts';
 
 import DataTable from './DataTable.js';
 
-import { formatDate, filterCharts, formatData } from '../utils.js';
+import { formatDate, filterCharts, formatData, googleChartPackages } from '../utils.js';
 
 /**
  * WordPress dependencies
@@ -156,6 +156,7 @@ class Charts extends Component {
 														columns={ data['visualizer-series'] }
 														options={ filterCharts( data['visualizer-settings']) }
                                                         formatters={ formatData( data ) }
+														chartPackages={ googleChartPackages }
 													/>
 												) : (
 													<Chart
@@ -165,6 +166,7 @@ class Charts extends Component {
 														columns={ data['visualizer-series'] }
 														options={ filterCharts( data['visualizer-settings']) }
                                                         formatters={ formatData( data ) }
+														chartPackages={ googleChartPackages }
 													/>
 												) ) }
 

diff --git a/classes/Visualizer/Gutenberg/src/utils.js b/classes/Visualizer/Gutenberg/src/utils.js
@@ -189,3 +189,6 @@ export const getColorCode = ( color ) => {
 	}
 	return color;
 };
+
+// Google Chart Packages
+export const googleChartPackages = [ 'corechart', 'geochart', 'gauge', 'table', 'timeline', 'controls' ];