Feature: AG Grid 33

package.json

@@ -1,6 +1,6 @@
 {
     "name": "dash-ag-grid",
-    "version": "32.3.0rc0",
+    "version": "33.3.2rc0",
     "description": "Dash wrapper around AG Grid, the best interactive data grid for the web.",
     "repository": {
         "type": "git",
@@ -32,11 +32,11 @@
     "dependencies": {
         "@emotion/react": "^11.11.3",
         "@emotion/styled": "^11.11.0",
-        "ag-grid-community": "32.3.4",
-        "ag-grid-enterprise": "32.3.4",
-        "ag-grid-react": "32.3.4",
         "@mui/icons-material": "^5.15.7",
         "@mui/material": "^5.15.7",
+        "ag-grid-community": "33.3.2",
+        "ag-grid-enterprise": "33.3.2",
+        "ag-grid-react": "33.3.2",
         "d3-format": "^3.1.0",
         "d3-time": "^3.1.0",
         "d3-time-format": "^4.1.0",

src/lib/components/AgGrid.react.js

@@ -1,6 +1,17 @@
 import PropTypes from 'prop-types';
 import LazyLoader from '../LazyLoader';
 import React, {lazy, Suspense, useState, useCallback, useEffect} from 'react';
+import {
+    AllCommunityModule,
+    ModuleRegistry,
+    provideGlobalGridOptions,
+} from 'ag-grid-community';
+
+// Register all community features
+ModuleRegistry.registerModules([AllCommunityModule]);
+
+// Mark all grids as using legacy themes
+provideGlobalGridOptions({theme: 'legacy'});
 
 const RealAgGrid = lazy(LazyLoader.agGrid);
 const RealAgGridEnterprise = lazy(LazyLoader.agGridEnterprise);

src/lib/fragments/AgGridEnterprise.react.js

@@ -1,7 +1,19 @@
 import React from 'react';
-import {LicenseManager} from 'ag-grid-enterprise';
+import {ModuleRegistry} from 'ag-grid-community';
+import {
+    AllEnterpriseModule,
+    LicenseManager,
+    SparklinesModule,
+} from 'ag-grid-enterprise';
+import {AgChartsEnterpriseModule} from 'ag-charts-enterprise';
 import MemoizedAgGrid, {propTypes} from './AgGrid.react';
 
+// Register all enterprise features
+ModuleRegistry.registerModules([
+    AllEnterpriseModule,
+    SparklinesModule.with(AgChartsEnterpriseModule),
+]);
+
 export default function DashAgGridEnterprise(props) {
     const {licenseKey} = props;
     if (licenseKey) {

tests/test_cell_value_changed.py

@@ -31,6 +31,11 @@ def test_cv001_cell_value_changed(dash_duo):
                 columnDefs=[{"field": "Key", "checkboxSelection": True}]
                            + [{"field": i} for i in ["Column", "OldValue", "NewValue"]],
                 rowData=[],
+                dashGridOptions={
+                    "rowSelection": {
+                        "mode": 'singleRow'
+                    },
+                }
             ),
         ],
         style={"margin": 20},
@@ -50,7 +55,7 @@ def test_cv001_cell_value_changed(dash_duo):
                     data = changes[i];
                     reloadData = {...data.data};
                     reloadData[data.colId] = data.oldValue;
-                    newData.push({Key: data.rowId, Column: data.colId, OldValue: data.oldValue, 
+                    newData.push({Key: data.rowId, Column: data.colId, OldValue: data.oldValue,
                     NewValue: data.value, reloadData});
                 }
                 return {'add': newData}

tests/test_grid_apis.py

@@ -100,7 +100,7 @@ def test_ga001_grid_apis(dash_duo):
     app.clientside_callback(
         """function (n) {
             if (n) {
-                dash_ag_grid.getApi('grid').setColumnVisible("price", false)
+                dash_ag_grid.getApi('grid').setColumnsVisible(["price"], false)
             }
             return dash_clientside.no_update
         }""",