feat: DH-20656: Update AG Grid to v34 (#1263)

- Used CodeMod to update packages `npx @ag-grid-devtools/cli@latest
migrate --from=32.3.9 --to=34.0.0`
- Needed to manually update package.json, and clean up some of the
imports
- Did a smoke test to make sure table, tree tables were working as
expected
- Unit tests and e2e tests updated

Author: mofojed

package-lock.json

@@ -48,15 +48,9 @@
     "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@ag-grid-community/core": "^32.3.9",
-    "@ag-grid-community/react": "^32.3.9",
-    "@ag-grid-community/styles": "^32.3.9",
-    "@ag-grid-community/theming": "^32.3.9",
-    "@ag-grid-enterprise/column-tool-panel": "^32.3.9",
-    "@ag-grid-enterprise/core": "^32.3.9",
-    "@ag-grid-enterprise/row-grouping": "^32.3.9",
-    "@ag-grid-enterprise/server-side-row-model": "^32.3.9",
-    "@ag-grid-enterprise/viewport-row-model": "^32.3.9",
+    "ag-grid-community": "^34.3.1",
+    "ag-grid-react": "^34.3.1",
+    "ag-grid-enterprise": "^34.3.1",
     "@deephaven/icons": "^0.106.0",
     "@deephaven/jsapi-bootstrap": "^0.106.2",
     "@deephaven/jsapi-utils": "^0.106.2",

plugins/ag-grid/src/js/package.json

@@ -1,7 +1,7 @@
 import { type WidgetPlugin, PluginType } from '@deephaven/plugin';
 import { vsTable } from '@deephaven/icons';
 import type { dh } from '@deephaven/jsapi-types';
-import { LicenseManager } from '@ag-grid-enterprise/core';
+import { LicenseManager } from 'ag-grid-enterprise';
 import { AgGridWidget } from './components';
 
 const key = import.meta.env?.VITE_AG_GRID_LICENSE_KEY ?? '';

plugins/ag-grid/src/js/src/AgGridPlugin.ts

@@ -8,8 +8,8 @@ import {
   GridSizeChangedEvent,
   FirstDataRenderedEvent,
   GetRowIdParams,
-} from '@ag-grid-community/core';
-import { AgGridReact, AgGridReactProps } from '@ag-grid-community/react';
+} from 'ag-grid-community';
+import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {
   AgGridFormatter,

plugins/ag-grid/src/js/src/components/AgGridView.tsx

@@ -3,9 +3,9 @@ import type { dh as DhType } from '@deephaven/jsapi-types';
 import { type WidgetComponentProps } from '@deephaven/plugin';
 import { useApi } from '@deephaven/jsapi-bootstrap';
 import { getSettings, RootState } from '@deephaven/redux';
+import { themeQuartz } from 'ag-grid-community';
 import { useSelector } from 'react-redux';
-import { themeQuartz } from '@ag-grid-community/theming';
-import type { AgGridReactProps } from '@ag-grid-community/react';
+import type { AgGridReactProps } from 'ag-grid-react';
 import AgGridView from './AgGridView';
 import { AgGridDhTheme, getDefaultProps } from '../utils';
 import useWidgetFetch from '../hooks/useWidgetFetch';

plugins/ag-grid/src/js/src/components/AgGridWidget.tsx

@@ -12,7 +12,7 @@ import {
   IViewportDatasourceParams,
   SortChangedEvent,
   SortModelItem,
-} from '@ag-grid-community/core';
+} from 'ag-grid-community';
 import Log from '@deephaven/log';
 import { assertNotNull, Pending } from '@deephaven/utils';
 import { getAggregatedColumns, getRollupConfig } from '../utils/AgGridAggUtils';

plugins/ag-grid/src/js/src/datasources/DeephavenViewportDatasource.ts

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
-import { CustomCellRendererProps } from '@ag-grid-community/react';
+import { CustomCellRendererProps } from 'ag-grid-react';
 import { TREE_NODE_KEY, TreeNode } from '../utils/AgGridTableUtils';
 import DeephavenViewportDatasource from '../datasources/DeephavenViewportDatasource';
 

plugins/ag-grid/src/js/src/renderers/TreeCellRenderer.tsx

@@ -1,4 +1,4 @@
-import { Column, ColumnState, GridApi } from '@ag-grid-community/core';
+import { Column, ColumnState, GridApi } from 'ag-grid-community';
 import type { dh as DhType } from '@deephaven/jsapi-types';
 
 export type AggregatedColumn = {

plugins/ag-grid/src/js/src/utils/AgGridAggUtils.ts

@@ -2,8 +2,8 @@ import type {
   CheckboxStyleParams,
   InputStyleParams,
   TabStyleParams,
-} from '@ag-grid-community/theming';
-import type { CoreParams } from '@ag-grid-community/theming/dist/types/src/styles/core/core-css';
+  CoreParams,
+} from 'ag-grid-community';
 import { AgGridThemeColors } from './AgGridColors';
 
 type GridDensity = 'compact' | 'regular' | 'spacious';

plugins/ag-grid/src/js/src/utils/AgGridDhTheme.ts

@@ -6,7 +6,7 @@ import {
   DateFilterModel,
   ICombinedSimpleModel,
   ISimpleFilterModel,
-} from '@ag-grid-community/core';
+} from 'ag-grid-community';
 import AgGridFilterUtils from './AgGridFilterUtils';
 
 describe('AgGridFilterUtils', () => {