Upgrade ag-grid to 31.2.0

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## v5.0-SNAPSHOT - unreleased
 
+### 📚 Libraries
+
+* @ag-grid `30.x -> 31.2.0`
+
 ## v4.0.0 - 2024-04-04
 
 ### Libraries

client-app/.husky/pre-commit

@@ -1,3 +1,11 @@
 cd client-app
+
 yarn run lint-staged
-yarn run tsc
+
+# nullify the paths option if hoist-react is not present
+if [ ! -d ../../hoist-react ]
+then
+    yarn run tsc --paths=null
+else
+    yarn run tsc
+fi

client-app/package.json

@@ -29,18 +29,18 @@
     ]
   },
   "dependencies": {
-    "@ag-grid-community/client-side-row-model": "~30.2.1",
-    "@ag-grid-community/core": "~30.2.1",
-    "@ag-grid-community/react": "~30.2.1",
-    "@ag-grid-community/styles": "~30.2.1",
-    "@ag-grid-enterprise/clipboard": "~30.2.1",
-    "@ag-grid-enterprise/column-tool-panel": "~30.2.1",
-    "@ag-grid-enterprise/core": "~30.2.1",
-    "@ag-grid-enterprise/filter-tool-panel": "~30.2.1",
-    "@ag-grid-enterprise/menu": "~30.2.1",
-    "@ag-grid-enterprise/row-grouping": "~30.2.1",
-    "@ag-grid-enterprise/side-bar": "~30.2.1",
-    "@ag-grid-enterprise/sparklines": "~30.2.1",
+    "@ag-grid-community/client-side-row-model": "~31.2.0",
+    "@ag-grid-community/core": "~31.2.0",
+    "@ag-grid-community/react": "~31.2.0",
+    "@ag-grid-community/styles": "~31.2.0",
+    "@ag-grid-enterprise/clipboard": "~31.2.0",
+    "@ag-grid-enterprise/column-tool-panel": "~31.2.0",
+    "@ag-grid-enterprise/core": "~31.2.0",
+    "@ag-grid-enterprise/filter-tool-panel": "~31.2.0",
+    "@ag-grid-enterprise/menu": "~31.2.0",
+    "@ag-grid-enterprise/row-grouping": "~31.2.0",
+    "@ag-grid-enterprise/side-bar": "~31.2.0",
+    "@ag-grid-enterprise/sparklines": "~31.2.0",
     "@auth0/auth0-spa-js": "~1.22.0",
     "@fortawesome/free-brands-svg-icons": "^6.4.0",
     "@xh/hoist": "^64.0.0-SNAPSHOT",

client-app/src/Bootstrap.ts

@@ -43,11 +43,10 @@ import '@ag-grid-community/styles/ag-grid.css';
 import '@ag-grid-community/styles/ag-theme-balham.css';
 import {AgGridReact} from '@ag-grid-community/react';
 import {ClientSideRowModelModule} from '@ag-grid-community/client-side-row-model';
-import agPkg from '@ag-grid-community/core/package.json';
 
 // Enterprise features
 // IMPORTANT: If you are using enterprise version in your app, you must provide your own license
-import {LicenseManager} from '@ag-grid-enterprise/core';
+import {LicenseManager, EnterpriseCoreModule} from '@ag-grid-enterprise/core';
 import {ClipboardModule} from '@ag-grid-enterprise/clipboard';
 import {MenuModule} from '@ag-grid-enterprise/menu';
 import {RowGroupingModule} from '@ag-grid-enterprise/row-grouping';
@@ -69,7 +68,7 @@ ModuleRegistry.registerModules([
     SparklinesModule
 ]);
 
-installAgGrid(AgGridReact, agPkg.version);
+installAgGrid(AgGridReact, EnterpriseCoreModule.version);
 
 when(
     () => XH.appIsRunning,

client-app/src/admin/tests/grids/GridTestModel.ts

@@ -218,7 +218,7 @@ export class GridTestModel extends HoistModel {
                     field: 'symbol',
                     agOptions: {
                         filter: 'agTextColumnFilter',
-                        suppressMenu: false
+                        suppressHeaderMenuButton: false
                     },
                     width: 200
                 },

client-app/src/desktop/tabs/grids/AgGridViewModel.ts

@@ -78,7 +78,7 @@ export class AgGridViewModel extends HoistModel {
         this.addReaction({
             track: () => [this.data, agGridModel.agApi],
             run: ([data, api]) => {
-                if (api) api.setRowData(data);
+                if (api) api.updateGridOptions({rowData: data});
             }
         });
     }

client-app/tsconfig.json

@@ -15,6 +15,14 @@
     "noImplicitOverride": true,
     "resolveJsonModule":  true,
     "useDefineForClassFields": true,
+
+    // Ignored by tsc when run by husky `pre-commit` hook if hoist-react is not present
+    // in a wrapper project for inline development.  Hoist-react should only be present if
+    // you are developing hoist-react itself.
+    "paths": {
+      "@xh/hoist/*": ["../../hoist-react/*"]
+    }
+
   },
   "references": [
     {"path":  "./node_modules/@xh/hoist"}