feat(components/ag-grid)!: support AG Grid 33.0 (#3121)

[AB#3211694](https://dev.azure.com/blackbaud/f565481a-7bc9-4083-95d5-4f953da6d499/_workitems/edit/3211694)
blackbaud · Mar 3, 2025 · 65dcaeb · 65dcaeb
1 parent 84babe9
commit 65dcaeb
Show file tree

Hide file tree

Showing 131 changed files with 2,092 additions and 1,437 deletions.
diff --git a/apps/code-examples/src/app/code-examples/ag-grid/data-entry-grid/basic/demo.component.ts b/apps/code-examples/src/app/code-examples/ag-grid/data-entry-grid/basic/demo.component.ts
@@ -11,10 +11,12 @@ import { SkyModalConfigurationInterface, SkyModalService } from '@skyux/modals';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   ValueFormatterParams,
 } from 'ag-grid-community';
 import { of } from 'rxjs';
@@ -24,6 +26,8 @@ import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 import { EditModalContext } from './edit-modal-context';
 import { EditModalComponent } from './edit-modal.component';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/...code-examples/src/app/code-examples/ag-grid/data-entry-grid/basic/edit-modal.component.ts b/...code-examples/src/app/code-examples/ag-grid/data-entry-grid/basic/edit-modal.component.ts
@@ -19,19 +19,23 @@ import { SkyModalInstance, SkyModalModule } from '@skyux/modals';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
   ICellEditorParams,
   IRowNode,
+  ModuleRegistry,
   NewValueParams,
 } from 'ag-grid-community';
 
 import { AgGridDemoRow, DEPARTMENTS, JOB_TITLES } from './data';
 import { EditModalContext } from './edit-modal-context';
 import { MarkInactiveComponent } from './mark-inactive.component';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-edit-modal',
   templateUrl: './edit-modal.component.html',

diff --git a/.../src/app/code-examples/ag-grid/data-entry-grid/data-manager-added/edit-modal.component.ts b/.../src/app/code-examples/ag-grid/data-entry-grid/data-manager-added/edit-modal.component.ts
@@ -16,17 +16,21 @@ import { SkyModalInstance, SkyModalModule } from '@skyux/modals';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
   ICellEditorParams,
   IRowNode,
+  ModuleRegistry,
 } from 'ag-grid-community';
 
 import { AgGridDemoRow, DEPARTMENTS, JOB_TITLES } from './data';
 import { EditModalContext } from './edit-modal-context';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-edit-modal',
   templateUrl: './edit-modal.component.html',

diff --git a/...s/src/app/code-examples/ag-grid/data-entry-grid/data-manager-added/view-grid.component.ts b/...s/src/app/code-examples/ag-grid/data-entry-grid/data-manager-added/view-grid.component.ts
@@ -16,10 +16,12 @@ import {
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   RowSelectedEvent,
   ValueFormatterParams,
 } from 'ag-grid-community';
@@ -29,6 +31,8 @@ import { ContextMenuComponent } from './context-menu.component';
 import { AgGridDemoRow } from './data';
 import { Filters } from './filters';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-view-grid',
   templateUrl: './view-grid.component.html',

diff --git a/apps/code-examples/src/app/code-examples/ag-grid/data-entry-grid/focus/demo.component.ts b/apps/code-examples/src/app/code-examples/ag-grid/data-entry-grid/focus/demo.component.ts
@@ -3,10 +3,16 @@ import { SkyAgGridModule, SkyAgGridService, SkyCellType } from '@skyux/ag-grid';
 import { SkyInputBoxModule } from '@skyux/forms';
 
 import { AgGridModule } from 'ag-grid-angular';
-import { ValueFormatterParams } from 'ag-grid-community';
+import {
+  AllCommunityModule,
+  ModuleRegistry,
+  ValueFormatterParams,
+} from 'ag-grid-community';
 
 import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/...code-examples/src/app/code-examples/ag-grid/data-entry-grid/inline-help/demo.component.ts b/...code-examples/src/app/code-examples/ag-grid/data-entry-grid/inline-help/demo.component.ts
@@ -15,10 +15,12 @@ import {
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   ValueFormatterParams,
 } from 'ag-grid-community';
 import { of } from 'rxjs';
@@ -29,6 +31,8 @@ import { EditModalContext } from './edit-modal-context';
 import { EditModalComponent } from './edit-modal.component';
 import { InlineHelpComponent } from './inline-help.component';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/...xamples/src/app/code-examples/ag-grid/data-entry-grid/inline-help/edit-modal.component.ts b/...xamples/src/app/code-examples/ag-grid/data-entry-grid/inline-help/edit-modal.component.ts
@@ -16,17 +16,21 @@ import { SkyModalInstance, SkyModalModule } from '@skyux/modals';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
   ICellEditorParams,
   IRowNode,
+  ModuleRegistry,
 } from 'ag-grid-community';
 
 import { AgGridDemoRow, DEPARTMENTS, JOB_TITLES } from './data';
 import { EditModalContext } from './edit-modal-context';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-edit-modal',
   templateUrl: './edit-modal.component.html',

diff --git a/...code-examples/src/app/code-examples/ag-grid/data-grid/basic-multiselect/demo.component.ts b/...code-examples/src/app/code-examples/ag-grid/data-grid/basic-multiselect/demo.component.ts
@@ -3,12 +3,20 @@ import { SkyAgGridModule, SkyAgGridService, SkyCellType } from '@skyux/ag-grid';
 import { SkyDataManagerService } from '@skyux/data-manager';
 
 import { AgGridModule } from 'ag-grid-angular';
-import { ColDef, GridOptions, ValueFormatterParams } from 'ag-grid-community';
+import {
+  AllCommunityModule,
+  ColDef,
+  GridOptions,
+  ModuleRegistry,
+  ValueFormatterParams,
+} from 'ag-grid-community';
 import { of } from 'rxjs';
 
 import { ContextMenuComponent } from './context-menu.component';
 import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/apps/code-examples/src/app/code-examples/ag-grid/data-grid/basic/demo.component.ts b/apps/code-examples/src/app/code-examples/ag-grid/data-grid/basic/demo.component.ts
@@ -3,11 +3,19 @@ import { SkyAgGridModule, SkyAgGridService, SkyCellType } from '@skyux/ag-grid';
 import { SkyDataManagerService } from '@skyux/data-manager';
 
 import { AgGridModule } from 'ag-grid-angular';
-import { ColDef, GridOptions, ValueFormatterParams } from 'ag-grid-community';
+import {
+  AllCommunityModule,
+  ColDef,
+  GridOptions,
+  ModuleRegistry,
+  ValueFormatterParams,
+} from 'ag-grid-community';
 
 import { ContextMenuComponent } from './context-menu.component';
 import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/...s/src/app/code-examples/ag-grid/data-grid/data-manager-multiselect/view-grid.component.ts b/...s/src/app/code-examples/ag-grid/data-grid/data-manager-multiselect/view-grid.component.ts
@@ -18,10 +18,12 @@ import {
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   RowSelectedEvent,
   ValueFormatterParams,
 } from 'ag-grid-community';
@@ -31,6 +33,8 @@ import { ContextMenuComponent } from './context-menu.component';
 import { AgGridDemoRow } from './data';
 import { Filters } from './filters';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-view-grid',
   templateUrl: './view-grid.component.html',

diff --git a/...code-examples/src/app/code-examples/ag-grid/data-grid/data-manager/view-grid.component.ts b/...code-examples/src/app/code-examples/ag-grid/data-grid/data-manager/view-grid.component.ts
@@ -18,10 +18,12 @@ import {
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   RowSelectedEvent,
   ValueFormatterParams,
 } from 'ag-grid-community';
@@ -31,6 +33,8 @@ import { ContextMenuComponent } from './context-menu.component';
 import { AgGridDemoRow } from './data';
 import { Filters } from './filters';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-view-grid',
   templateUrl: './view-grid.component.html',

diff --git a/apps/code-examples/src/app/code-examples/ag-grid/data-grid/inline-help/demo.component.ts b/apps/code-examples/src/app/code-examples/ag-grid/data-grid/inline-help/demo.component.ts
@@ -11,10 +11,12 @@ import { SkySearchModule } from '@skyux/lookup';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   ValueFormatterParams,
 } from 'ag-grid-community';
 import { of } from 'rxjs';
@@ -23,6 +25,8 @@ import { ContextMenuComponent } from './context-menu.component';
 import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 import { InlineHelpComponent } from './inline-help.component';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/apps/code-examples/src/app/code-examples/ag-grid/data-grid/paging/demo.component.ts b/apps/code-examples/src/app/code-examples/ag-grid/data-grid/paging/demo.component.ts
@@ -13,10 +13,12 @@ import { SkyPagingModule } from '@skyux/lists';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   ValueFormatterParams,
 } from 'ag-grid-community';
 import { Subscription } from 'rxjs';
@@ -25,6 +27,8 @@ import { filter, map } from 'rxjs/operators';
 import { ContextMenuComponent } from './context-menu.component';
 import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/...de-examples/src/app/code-examples/ag-grid/data-grid/template-ref-column/demo.component.ts b/...de-examples/src/app/code-examples/ag-grid/data-grid/template-ref-column/demo.component.ts
@@ -8,10 +8,16 @@ import {
 import { SkyAgGridModule, SkyAgGridService, SkyCellType } from '@skyux/ag-grid';
 
 import { AgGridModule } from 'ag-grid-angular';
-import { GridOptions } from 'ag-grid-community';
+import {
+  AllCommunityModule,
+  GridOptions,
+  ModuleRegistry,
+} from 'ag-grid-community';
 
 import { AG_GRID_DEMO_DATA } from './data';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/apps/code-examples/src/app/code-examples/ag-grid/data-grid/top-scroll/demo.component.ts b/apps/code-examples/src/app/code-examples/ag-grid/data-grid/top-scroll/demo.component.ts
@@ -6,17 +6,21 @@ import { SkySearchModule } from '@skyux/lookup';
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   ValueFormatterParams,
 } from 'ag-grid-community';
 import { of } from 'rxjs';
 
 import { ContextMenuComponent } from './context-menu.component';
 import { AG_GRID_DEMO_DATA, AgGridDemoRow } from './data';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',

diff --git a/...ode-examples/src/app/code-examples/data-manager/data-manager/basic/view-grid.component.ts b/...ode-examples/src/app/code-examples/data-manager/data-manager/basic/view-grid.component.ts
@@ -16,10 +16,12 @@ import {
 
 import { AgGridModule } from 'ag-grid-angular';
 import {
+  AllCommunityModule,
   ColDef,
   GridApi,
   GridOptions,
   GridReadyEvent,
+  ModuleRegistry,
   RowSelectedEvent,
 } from 'ag-grid-community';
 import { Subject, of } from 'rxjs';
@@ -28,6 +30,8 @@ import { takeUntil } from 'rxjs/operators';
 import { DataManagerDemoRow } from './data';
 import { Filters } from './filters';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-view-grid',
   templateUrl: './view-grid.component.html',

diff --git a/...rc/app/code-examples/pages/page/list-page-list-layout-demo/list-page-content.component.ts b/...rc/app/code-examples/pages/page/list-page-list-layout-demo/list-page-content.component.ts
@@ -10,11 +10,19 @@ import { SkyIconModule } from '@skyux/icon';
 import { SkyKeyInfoModule } from '@skyux/indicators';
 
 import { AgGridModule } from 'ag-grid-angular';
-import { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';
+import {
+  AllCommunityModule,
+  ColDef,
+  GridOptions,
+  ICellRendererParams,
+  ModuleRegistry,
+} from 'ag-grid-community';
 
 import { DashboardGridContextMenuComponent } from './dashboards-grid-context-menu.component';
 import { Item } from './item';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 @Component({
   selector: 'app-list-page-content',
   templateUrl: './list-page-content.component.html',

diff --git a/.../code-examples/pages/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.ts b/.../code-examples/pages/page/list-page-tabs-layout-demo/list-page-contacts-grid.component.ts
@@ -10,10 +10,18 @@ import { SkyIconModule } from '@skyux/icon';
 import { SkyKeyInfoModule } from '@skyux/indicators';
 
 import { AgGridModule } from 'ag-grid-angular';
-import { ColDef, GridOptions, ICellRendererParams } from 'ag-grid-community';
+import {
+  AllCommunityModule,
+  ColDef,
+  GridOptions,
+  ICellRendererParams,
+  ModuleRegistry,
+} from 'ag-grid-community';
 
 import { ContactContextMenuComponent } from './contact-context-menu.component';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+
 interface Contact {
   name: string;
   organization: string;